Javascript 提交表单时是否使用可变输入集进行响应?
//form.jsJavascript 提交表单时是否使用可变输入集进行响应?,javascript,reactjs,Javascript,Reactjs,//form.js const form=({seg,onSubmit,onChange})=>{ <form id="input_form" onSubmit={onSubmit}> {seg.map(item=> <> <input type="number" onChange={onChange} name
const form=({seg,onSubmit,onChange})=>{
<form id="input_form" onSubmit={onSubmit}>
{seg.map(item=>
<>
<input type="number" onChange={onChange} name={item}
type="number" required className="form-control control" id={item+1} />
</>
)}
</form>}
如何更新阵列?onChange、onSubmit函数应该是什么?
(this.state.seg是变量)。您可以使用此.setState({seg:newValue}) 您可以像这样设置
seg
状态属性值
onChange=(event)=>{
this.setState({seg: event.target.value});
}
我想你需要用当前的seg
值更新数组。如果要使用submit上的onSubmit
,必须使用submit类型的按钮。然后按钮调用onSubmit
函数。试试这个
<form id="input_form" onSubmit={onSubmit}>
{seg.map(item =>
<>
<input type="number" onChange={onChange} name={item} type="number" required className="form-control control" id={item + 1} />
<button type="submit">Submit</button>
</>
)}
</form>
onSubmit=()=>{
this.setState({
array: [...this.state.array, seg]
})
}
{seg.map(项=>
提交
)}
onSubmit=()=>{
这是我的国家({
数组:[…this.state.array,seg]
})
}
您可以在onSubmit中调用setState?seg基本上是所用的次数。我需要获取所有这些输入,并将其放在0.0和1.0之间的this.state.array中
<form id="input_form" onSubmit={onSubmit}>
{seg.map(item =>
<>
<input type="number" onChange={onChange} name={item} type="number" required className="form-control control" id={item + 1} />
<button type="submit">Submit</button>
</>
)}
</form>
onSubmit=()=>{
this.setState({
array: [...this.state.array, seg]
})
}