FlowType React Context

Question

有没有办法让React Context类型安全的流式？

例如：

Button.contextTypes = {
  color: React.PropTypes.string
};

Answer 1

不幸的是，它本身是不可能的，因为在编译时Context不知道lon lat Temperature AirPressure 50.0 25.0 12.1 1012.0 51.0 26.0 13.4 1011.0 。

Answer 2

我使用的一些解决方法是从父级别的消费者中提取上下文，然后在子级调用proptypes ...

父

//parent
class Parent extends component {
render(){
return (
    <Consumer>{(context)=>{
       const { color } = context
       return(
          <div>
             <Button color={color} />
          </div>
        )}}</Consumer>
}

子

//Button 
... 
Button.contextTypes = {
  color: React.PropTypes.string
};
...