const {name, value} = event.target -- 这是什么意思

Question

handleChange(event) {
    const {name, value} = event.target
    this.setState({
        [name]: value
    })
}

这是一种记录反应组件状态变化的方法。将事件作为参数并执行某些操作并更改状态。

Answer 1

这种方法叫做解构，用来保存几行。
以下示例将向您展示解构的用法。

let person = {
  name: 'David',
  age: 15,
  job: 'Programmer'
}

const { name, age } = person; // Takes the property/method from the object

console.log(name); // Prints 'David'
console.log(age); // Prints '15'

如果不使用解构，我会这样做：

const name = person.name;
const age = person.age;

这需要更多的线路。

您可以在此处阅读有关解构的更多信息。

Answer 2

event.target 表示传递函数的元素，而 { name } 这种技术称为解构，它与const name = event.target.name

例如，如果您将handleChange传递给某个输入事件。目标是您传递handleChange函数的输入