react.jsのインライン編集で単一のアイテムを開くことができませんでした

Question

私が編集をクリックすると、1行だけが影響を受けることが予想されます。しかし、すべての行が影響を受けていますが、どうしたのですか？

.. 
renderItem(){ 
    return(
     this.state.items.map((item,i)=> 
     <li key={i}> {this.state.isEdit ? this.renderEditForm() : item} {this.ItemCtrl(i)}</li>) 
    ) 
    } 
.. 

http://jsfiddle.net/nkum8mep

Answer 1

それらはすべてが同じ性質を持っているので、それぞれの行は同じisEdit状態を聞いているので、あなたがtrueにisEditを変更すると、それらは編集にすべて更新します。必要に応じて、オブジェクト[{item：1、edit：false}]を持つことができ、クリックされた特定のインデックスの編集状態を設定することができます。