Html 值属性保持设置为";提交;对于我的一个输入元素

Html 值属性保持设置为";提交;对于我的一个输入元素,html,node.js,reactjs,Html,Node.js,Reactjs,我有6个输入元素,由于某种原因,第二个元素的value属性一直默认为“Submit”。不知道为什么,这是唯一能做到的: render() { if (this.state.formValues.multiField && this.state.formValues.supplier == "Shell") { return ( <form onSubmit={this.handleSubmit.bind(this)}> <

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

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>
    );
  }
}
render(){
if(this.state.formValues.multiField&&this.state.formValues.supplier==“Shell”){
返回(
1输入报告
修饰语:
);
}
}
我尝试将所有的输入标记包装在
  • 标记中,这就解决了这个问题,但我宁愿不使用它们

    编辑:下面是它的样子


    您是否有一个运行示例显示此问题?如果有帮助,我提供了一个屏幕截图?可能是浏览器在执行此操作,您是否尝试了其他浏览器?也尝试了一个边缘,同样的问题当我检查页面时,我可以清楚地看到属性设置为“提交”的值lol这么奇怪你有一个运行的例子来说明这个问题吗?我包括了一个屏幕截图,如果有帮助的话?可能是浏览器在做这个,你试过其他浏览器吗?试过一个边缘,同样的问题当我检查页面时,我可以清楚地看到属性设置为“提交”的值lol这么奇怪