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;

需要更多行。

您可以阅读有关解压缩here的更多信息。

Answer 2

event.target表示您在其中传递函数的元素，{name}这种技术被称为销毁它，它与const name = event.target.name相同

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

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

2 个答案: