如何在react js中获取具有相同属性名称的数组中输入标签的值

Question

我想获取 education[0] 中第一个输入标签的值和 education[1] education 中第二个输入标签的值是数组。<input  type="text" name="education" value={this.state.education[0]} onChange={this.handleChange}  class="form-control"  /><input type="text"  name="education" value={this.state.education[1]} onChange={ this.handleChange()} class="form-control"/>

Answer 1

最好按如下方式执行（它允许您动态创建输入，如果您不需要动态输入，也可以使用相同的技术）

constructor(props) {

    super(props);

    this.state = {

      education: ["", ""] // I've added 2 items to create 2 inputs

    };

    this.handleChange = this.handleChange.bind(this);

  }

handleChange(e) {

    const education = [...this.state.education];

    education[e.target.id] = e.target.value;

    this.setState({

      education: education

    });

  }

render() {

    return (

      <div>

        {

          this.state.education.map((item, index) => (

          <input

            id={index}

            type="text"

            name="education"

            value={this.state.education[index]}

            onChange={this.handleChange}

            class="form-control"

          />

        ))

        }

      </div>

    );

}

Answer 2

在你的第二个输入中，你（我认为是错误的）()在你的this.handleChange函数之后添加了。这意味着该函数将立即被调用，而不会被调用 onChange。