我想更新一個表單,以便我從后端獲取資料并在表單中顯示。我已經宣告了表單資料,例如
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 的新手。請幫助我
uj5u.com熱心網友回復:
嘗試handleInputs像這樣改變你的功能:
handleInputs = (e) => {
this.setState({
formData: {
...this.state.formData,
[e.target.name]: e.target.value,
},
});
};
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/365786.html
