我想更新一個表單,以便我從後端獲取數據並在表單中顯示。我已經聲明了表單數據,例如
constructor()
{
super()
this.state={
organization:[],
options:["IT service", "Design"],
loading:true,
modalIsOpen: false,
formData:{
org_name:'',
org_code:'',
org_type:'',
org_category:'',
org_location:'',
org_registration:'',
}
}
然後我的handleinput函數
handleInputs = (e) => {
this.setState ({
formData:{
[e.target.name]:e.target.value
}
});
}
和我的更新網址
updateOrganization = async(e) =>
{
const org_id=
e.preventDefault();
const res=await axios.put('http://localhost:8000/api/update_organization',this.state.formData);
}
但是有六個輸入字段,但是當我嘗試提交表單時,我只有一個輸入。我是反應 js 的新手。請幫助我
嘗試handleInputs
像這樣改變你的功能:
handleInputs = (e) => {
this.setState({
formData: {
...this.state.formData,
[e.target.name]: e.target.value,
},
});
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句