使用钩子的表单更改事件不会更新变量

Question

在console.log(event.target.data)中未定义。它会在控制台记录任何键时进行更新。

const [oras,setOras]=useState(null);
function getData(event)
{
event.preventDefault();
setOras(event.target.data);
console.log(event.target.data);
}

<FormControl aria-label="First name" placeholder="Search" onChange={getData}/>

Answer 1

更改onChange的prop如下:

<FormControl aria-label="First name" placeholder="Search" onChange={event => {getData(event)}/>

，getData的作用为:

function getData(event)
{
event.preventDefault();
setOras(event.target.value);
console.log(event.target.value);
}

如果FormControl是jsxinput，那么要使用onChange={event => {getData(event)}访问输入值，您必须在getData函数中使用event.target.value(如上所示)，而不是event.target.data(您写的方式)。