Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 提交表单时是否使用可变输入集进行响应?_Javascript_Reactjs - Fatal编程技术网

Javascript 提交表单时是否使用可变输入集进行响应?

Javascript 提交表单时是否使用可变输入集进行响应?,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

//form.js

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]
      })
}