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

Question

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

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

标签： javascriptreactjsecmascript-6

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;

这需要更多的线路。

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