我的输入元素之一的Value属性不断设置为“提交”

时间:2019-12-18 21:43:27

标签: html node.js reactjs

我有6个输入元素,由于某种原因,第二个元素的value属性默认设置为“提交”。不知道为什么,这是唯一的原因:

render() {
  if (this.state.formValues.multiField && this.state.formValues.supplier == "Shell") {
    return (
      <form onSubmit={this.handleSubmit.bind(this)}>
        <fieldset>
          <legend><span class="number">1</span> Enter Report</legend>
          <Card Obj={this.state.formValues} />
          <label for="modifier">Modifier:</label>
          <input type="text" id="BC" value={this.value} name="altModifierShell" onChange={this.handleChange.bind(this)} />
          <input type="text" id="AB" value={this.value} name="altModifierShell" onChange={this.handleChange.bind(this)} />
          <input type="text" id="SK" value={this.value} name="altModifierShell" onChange={this.handleChange.bind(this)} />
          <input type="text" id="MB" value={this.value} name="altModifierShell" onChange={this.handleChange.bind(this)} />
          <input type="text" id="ON" value={this.value} name="altModifierShell" onChange={this.handleChange.bind(this)} />
          <input type="text" id="QC" value={this.value} name="altModifierShell" onChange={this.handleChange.bind(this)} />
          <input type="submit" value="Submit" />
        </fieldset>
      </form>
    );
  }
}

我包装了将所有输入标签包装在<li>标签中并对其进行修复的方法,但是我宁愿不必使用它们。

编辑:这是它的样子

issue screenshot

0 个答案:

没有答案