关于 setstate 中的 event.target.name

在 React 中，经常需要更新组件的状态（state）。而使用 setState 是更新组件状态最常见的方法之一。当使用 setState 时，可以传递一个对象作为新的状态值，也可以传递一个函数。其中，函数可以接受两个参数：当前的状态值和当前的 props 值。

在使用 setState 更新组件状态时，可能会需要知道哪个表单元素发生了变化，以便根据变化进行更新。这时就需要用到 event.target.name 属性。

event.target.name 是一个 DOM 属性，可以获取当前触发事件的表单元素的名称。在 React 中，通常会将每个表单元素的名称与状态值进行映射，这样就可以根据 event.target.name 来更新对应的状态值了。

下面是一个示例代码片段，演示了如何通过 event.target.name 来更新状态值：

class MyComponent extends React.Component {
  state = {
    username: "",
    password: ""
  };

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

  render() {
    return (
      <form>
        <input type="text" name="username" value={this.state.username} onChange={this.handleChange} />
        <input type="text" name="password" value={this.state.password} onChange={this.handleChange} />
      </form>
    );
  }
}

在这个例子中，通过 handleChange 方法来更新状态值。可以看到，handleChange 方法接受一个 event 对象。我们通过解构赋值语法来获取 event.target.name 和 event.target.value，然后使用 setState 方法来更新组件的状态值。

总之，event.target.name 属性是一个很有用的属性，可以帮助程序员更方便地处理表单元素的值更新。