状態に基づいてコンポーネントを変更する

Question

私は反応ネイティブで作業しています。モバイルアプリにフォームページがあり、編集ボタンと戻るボタンがあります。編集ボタンをクリックすると、編集と戻るボタンの代わりに保存ボタンとキャンセルボタンが必要になり、独自の機能が必要になります。私はcomponentWillUpdate()とif else文を私のレンダリング機能で試しましたが、どちらもうまくいかないようです。

Answer 1

すべてのボタンを状態（たとえば、inEditMode）で制御されたレンダー機能に入れることができます。ユーザーが編集ボタンをクリックすると、inEditModeをtrueに設定し、編集&戻るボタンを表示することができます。このような

何か：

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