reactjs 在React.js中将输入值压入数组时,如何避免覆盖输入值

31moq8wy  于 2022-12-26  发布在  React
关注(0)|答案(1)|浏览(126)

我试图从一个输入集合中获取一个输入的值,我只使用了一个onChange函数和useState钩子来收集它们的值。
在我的函数handleAnswer中,它在单击事件时被调用,我对状态进行了反结构化,以获取一个输入的值。我希望该值被推到一个空数组中。问题是,该值不断覆盖自己,而不是在每次单击时保存,我该如何解决这个问题?

const mychoices= []
const initialValues ={
    title:'', 
    quiz:'',
    answer:'',
    start:'',
    stop:'',
    duration:'',  
    choice:""
}

const [values,setValue] = useState(initialValues)
const handleInput =(e)=>{
 const name = e.target.name
 const myvalue = e.target.value
 setValue({
    ...values,[name]:myvalue
 })
}

console.log(test)

Add()
const handleAnswer =()=>{
    const {choice}= values
    const newArray=[...mychoices,choice]
    mychoices.push(newArray)
    setValue(initialValues) 
    console.log(mychoices)
}
nukf8bse

nukf8bse1#

该错误位于handleAnswer函数内部

    • 试试这个代码**
const handleAnswer = () => { 
    mychoices.push(values.choice)
    setValue(initialValues) 
    console.log(mychoices)
}

相关问题