React+JavaScript如何在React中创建具有所有给定字段的对象

constructor(props) {
  super(props);
  this.state = {
    obj: {
      field1: '',
      field2: '',
      field3: ''
      // 添加更多字段
    }
  };
}

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

render() {
  return (
    <form>
      <input
        type="text"
        name="field1"
        value={this.state.obj.field1}
        onChange={this.handleChange}
      />
      <input
        type="text"
        name="field2"
        value={this.state.obj.field2}
        onChange={this.handleChange}
      />
      <input
        type="text"
        name="field3"
        value={this.state.obj.field3}
        onChange={this.handleChange}
      />
      {/* 添加更多表单元素 */}
    </form>
  );
}