FlowType 反应上下文

Question

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

例如：

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

Answer 1

我使用的一种解决方法是在父级从消费者那里提取上下文，然后在子级调用 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
};
...

Answer 2

不幸的是，这本质上是不可能的，因为Context 在编译时是未知的 (so I was told)。