使用setState与setParams来反应Native

Question

我正在开发一个React本机应用程序，我希望能够从静态NavigationOptions更改状态。 我正在关注： https : //github.com/react-navigation/react-navigation/issues/1789

并实现了以下解决方案之一：

 static navigationOptions = ({navigation}) => { const { state } = navigation; const {params = {}} = navigation.state; navigation.params = {title: "", description: "", points: 0, image: {}, saveImage: true}; return { headerRight: ( <Button transparent onPress={()=> params.create()}><Icon name="ios-add" style={{color: 'white'}}/></Button>) }; }; componentDidMount() { this.props.navigation.setParams({ create: this.openCreateModal }); } openCreateModal() { this.setState({createModalVisible:true}); } 

不幸的是，当我通过按下按钮调用openCreateModal函数时，出现错误this.setState is not a function 。

我将不胜感激。

Answer 1

您的openCreateModal()方法未绑定。 在这个问题上往下看 ，有人指出了这个错误。

要解决此问题，您需要显式绑定它，以便它可以访问正确的this上下文，例如在构造函数中：

constructor(props) {
  super(props);

  this.openCreateModal = this.openCreateModal.bind(this);
}

或者，您可以将其转换为ES6箭头函数，将其自动绑定到类的上下文，如下所示：

openCreateModal = () => {
  this.setState({createModalVisible:true});
}