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} 中的函数时，它会接收事件。