REACT本机异步不覆盖数据

Question

我正在尝试制作一个应用程序，并且在数组中有一些对象，我使用asyncstorage。我需要更改对象的一个元素，但是如果我尝试更改它，则不会保留这些更改。

我的代码：

save = async () => {
this.state.dataSource.notes = this.state.text;
try {
  AsyncStorage.clear();
  await AsyncStorage.setItem('medicines', JSON.stringify(this.state.dataSource));
} catch (error) {
  console.log('error');
}
this.setModalVisible(!this.state.modalVisible);

this.state.text存储文本输入的值。

this.state.dataSource存储对象的数组。

这两种工作都像应该一样。

阵列看起来像这样：

Array = [
item = {
    id: 'id',
    name: 'name',
    brand: 'brand',
    inname: 'inname',
    chosenWeekDay: 'week day',
    androidDate: 'date for android',
    chosenAndroidTime: 'time for android',
    notes: 'notes in a string',
  }]

Answer 1

您需要针对dataSource数组中的特定对象

let { dataSource, text } = this.state;
const yourSpecfiicIndex = 12; // whatever
dataSource[yourSpecfiicIndex].notes = text;
//...
await AsyncStorage.setItem('medicines', JSON.stringify(dataSource));

Answer 2

我找到了一个解决方案：

save = async () => {
  this.changeNotes(this.state.id, this.state.text);
  try {
    AsyncStorage.clear();
    await AsyncStorage.setItem('medicines', JSON.stringify(this.state.dataSource));
  } catch (error) {
    console.log('error');
  }
  this.setModalVisible(!this.state.modalVisible);
}

 changeNotes( value, note ) {
  for (var i in this.state.dataSource) {
    if (this.state.dataSource[i].id == value) {
      this.state.dataSource[i].notes = note;
      break;
     }
   }
 }