FlowType反应上下文

FlowType反应上下文,flowtype,Flowtype,有没有一种方法可以使反应型和流动型安全 例如: Button.contextTypes = { color: React.PropTypes.string }; 不幸的是,这本来是不可能的,因为编译时()不知道上下文。我使用的一种解决方法是在父级从使用者中提取上下文,然后在子级调用proptypes 母公司 //parent class Parent extends component { render(){ return ( <Consumer>{(context)=

有没有一种方法可以使反应型和流动型安全

例如:

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

不幸的是,这本来是不可能的,因为编译时()不知道
上下文

我使用的一种解决方法是在父级从使用者中提取上下文,然后在子级调用proptypes

母公司

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

请注意,这是关于遗留上下文API,而不是生产API:
//Button 
... 
Button.contextTypes = {
  color: React.PropTypes.string
};
...