javascript - 在 onChange 中 react 事件目标值

Question

有什么区别

onChange={({ target: { value } }) => setInsertedTitle(value)}

和

onChange={setInsertedTitle}

什么时候应该使用一个或另一个？

Answer 1

使用 onChange={({ target: { value } }) => setInsertedTitle(value)} 您将当前目标值作为参数传递。

这是因为 onChange 生成一个 Event ，然后您通过 event.target.value 访问该值 ...

event: {
  target: {
    value: "string"
  }
}

另一方面，当您使用 onChange={setInsertedTitle} 中的函数时，它会接收事件。

你可以在这里看到:https://codesandbox.io/s/compassionate-fast-krrib?file=/src/App.js