根据状态更改组件

Question

我在反应本地工作。我的移动应用程序中有一个表单页面，并有一个编辑按钮和后退按钮。单击编辑按钮后，我想要一个保存和取消按钮来替换编辑和后退按钮，它们应该有自己的功能。我在渲染函数中尝试了componentWillUpdate()和if else语句，但似乎都不起作用。

Answer 1

您可以将所有按钮放在渲染功能中，由状态控制（例如inEditMode）。当用户单击编辑按钮时，您可以将inEditMode设置为true并显示编辑＆amp;后退按钮。

这样的事情：

＆＃13;

＆＃13;

   render() {
     this.state.inEditMode ? 
       <View>
          <EditButton />
          <BackButton />
       </View> :
       <View>
          <CancelButton />
          <SaveButton />
       </View>
   } 

＆＃13;

＆＃13;

＆＃13;