Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.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 我想用react useState()添加数组的用户输入对象,当我发送它时,它不会更新问题吗?_Javascript_Reactjs_Dom Events_User Input_Use State - Fatal编程技术网

Javascript 我想用react useState()添加数组的用户输入对象,当我发送它时,它不会更新问题吗?

Javascript 我想用react useState()添加数组的用户输入对象,当我发送它时,它不会更新问题吗?,javascript,reactjs,dom-events,user-input,use-state,Javascript,Reactjs,Dom Events,User Input,Use State,我有一个有测验的对象,它是一个对象数组。我希望用户输入问题、更正答案和不正确答案并将其发送到我的数据库,但它没有这样做,而是将其发送为空。我在使用onInputChange函数使输入通过时遇到问题 const[questions,setQuestions]=useState({ 提问:[{ 问题:'', 正确答案:'', 回答不正确:[] }] }); useffect(()=>{ 问题(id); }, []); const loadQuestions=async(id)=>{ const r

我有一个有测验的对象,它是一个对象数组。我希望用户输入问题、更正答案和不正确答案并将其发送到我的数据库,但它没有这样做,而是将其发送为空。我在使用onInputChange函数使输入通过时遇到问题

const[questions,setQuestions]=useState({
提问:[{
问题:'',
正确答案:'',
回答不正确:[]
}]
});
useffect(()=>{
问题(id);
}, []);
const loadQuestions=async(id)=>{
const result=await api.get(`/assignments/${id}`);
设置问题(结果、数据);
};
//常量{问答,问题,正确答案}=问题
const onInputChange=e=>{
常量值=e.target.value
setQuestions({…questions,[e.target.name]:value});
};
//const addQuestion=async(id)=>{
//等待api.post(`/assignments/addquestion/${id}`);
//加载问题();
// };
const onSubmit=async e=>{
e、 预防默认值();
等待api.post(`/assignments/addquestion/${id}`,questions);
历史。推送(“/仪表板”);
};
返回(
{/*{console.log('这是问题的名称**'+questions.quizes.map(x=>x.question))}*/}
onSubmit(e)}>
{/*{questions.quizes.map(x=>{*/}
onInputChange(e)}
/>
onInputChange(e)}
/>

您可以在这里找到一个与您试图实现的目标类似的示例


不要忘记将代码拆分为多个组件。您还可以使用来更好地管理表单,在您的情况下,使用

问题。quizes。正确答案
不能是有效的输入值,因为
quizes
是一个数组。我认为声明之间存在问题(quizes是一个数组)试着先解决这个问题我试着使用maps函数,但仍然不起作用