由网友(只道是寻常)分享简介：我已经在登录页面中添加了一个Material-UI中的简单Textfield，但无法在Reaction输入字段中键入。我不确定是什么原因导致了该问题，并已重新检查了以下问题：Proper casing共onChange(非onchange)Input value must be the statethis.stat...

我已经在登录页面中添加了一个Material-UI中的简单Textfield，但无法在Reaction输入字段中键入。我不确定是什么原因导致了该问题，并已重新检查了以下问题：

Proper casing共onChange(非onchange) Input value must be the state this.statevsstate；前者导致TypeError: Cannot read properties of undefined (reading 'state')。 type="text"与type="number"；这两个选项都不允许在文本字段中键入

下面是我的TextField代码，声明state并处理输入字段中的更改。

 import TextField from '@material-ui/core/TextField';
...
 const [state, setState] = useState({
    ImageNumber: '',
  });

  const handleChange = (event) => {
    setState({
      ...state,
      [event.target.number]: event.target.value,
    });
  };
...
    <TextField label="" number="ImageNumber" type="text" value={state.ImageNumber} variant="outlined" onChange={handleChange} />

推荐答案

 import TextField from '@material-ui/core/TextField';
...
 const [state, setState] = useState({
    ImageNumber: '',
  });

  const handleChange = (event) => {
    setState({
      ...state,
      [event.target.name]: event.target.value,
    });
  };
...
    <TextField label="" name="ImageNumber" type="text" value={state.ImageNumber} variant="outlined" onChange={handleChange} />

代替不存在的<input />元素道具number，您可以使用name属性，该属性不应显示undefined。