javascript - 如何将用户文本输入数据存储到 native react 对象数组中？

Question

有谁知道如何将用户文本输入数据存储到 React Native 中的对象数组中？

[
  {
    note: ‘some note’,
    created_at: 123456789
  },
  {
    note: ‘another observation note’,
    created_at: 123456789
  }
]

我目前只使用基本的异步存储。我有一个文本输入字段供用户输入注释。它当前将其保存为数组中的字符串。我想知道如何做到这一点，但使用对象数组。另外，我如何添加created_at时间戳？

谢谢你:-)

Answer 1

听起来更像是一个基本的 JavaScript 问题。在 React 的上下文中，您只需将注释列表存储在组件状态(或应用程序状态，如果使用 Redux 之类的东西)中。

为文本输入定义一个 onChange 事件处理函数，并使用以下命令调用 setState:

onSomeInputChange = (text) => {
  const note = {
    note: text,
    created_at: Date.now()
  };
  this.setState({ notes: [ ...this.state.notes, note ] });
}

上面假设您有状态变量 notes ，它保存注释对象的数组。使用扩展运算符，您可以将所有以前的注释复制到新数组，然后添加新注释。您必须这样做，因为状态是不可变的并且不能直接修改。

然后将该函数传递给文本输入组件的 onChange:

<TextInput ... onChange={this.onSomeInputchange} />

其他 Prop 已被省略。