FlowType反应上下文

Question

是否有办法使上下文类型与流类型反应安全？

例如：

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

Answer 1

不幸的是，这在本质上是不可能的，因为在编译时不知道Context (所以我被告知)。

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
};
...