html 响应函数,javascript - 响应HTML选择元素onChange函数，尝试访问“ event.target.value” - 堆栈内存溢出...

在React中使用受控的HTML 标签时。

关于以下代码段：

工作原理：

选项1

function changeSelect(event) {

const newValue = event.target.value;

setNestedState((prevState) => {

return({

...prevState,

propA: newValue

});

});

}

这不是吗？ (仅在第一次更改时有效)

选项＃2

function changeSelect(event) {

setNestedState((prevState) => {

return({

...prevState,

propA: event.target.value

});

});

}

SNIPPET(使用选项2)

function App() { const [nestedState,setNestedState] = React.useState({ propA: 'foo1', propB: 'bar' }); function changeSelect(event) { // const newValue = event.target.value; setNestedState((prevState) => { return({ ...prevState, propA: event.target.value // THIS DOES NOT WORK }); }); } return(

My nested state:

{JSON.stringify(nestedState)}

foo1foo2foo3 ); } ReactDOM.render(, document.getElementById('root'));