配列インデックス値をオブジェクトとして更新する

Question

配列内のキーの値を不変型ヘルパーアドオンで更新したいとします。

私のコードは次のようになります。

class StorageForm extends Component { 
    constructor(props) { 
    super(props); 

    this.state = { 
     volumes: [{local: 'test', remote: 'test2'}], 
    }; 
    }; 

    _handleLocalPathData(event, index) { 
    const path = event.target.value; 
    const data = this.state.volumes[index]; 
    data.local = path; 

    const tmpData = update(this.state.volumes[index], {$set: [data]}); 

    this.setState({ 
     volumes: tmpData 
    }); 
}; 
} 

が、ボリュームが更新さ1ではありません。私のミスはどこですか？

Answer 1

を参照のうえされていません。うまく

const newVolumes = update(this.state.volumes, { 
    [index]: { local: { $set: path }, 
}; 
this.setState({ volumes: newVolumes }); 

Answer 2

_handleLocalPathDataがtmpDataを返し、クラス内で関数を呼び出し、this.setState（{volumes：tmpData}）を使用します。 なぜ理由の文脈のこのあなたはindex位置に配列内のオブジェクトのlocalプロパティを設定したいStorageFormクラスに