当我使用 useState 时，我的变量没有刷新

如何解决当我使用 useState 时，我的变量没有刷新

我有这个功能，我正在使用useState，但是刷新描述变量不起作用，这是错误的吗？

const [description,setDescription] = useState('')

  const handle = event => {
    const {
      target: { value },} = event
    setDescription(value)
    console.log('value',value,description)

当我在 textField 'a' 上写字时，此控制台显示 'value'、'a'、''

<TextField
                value={description}
                onChange={handle}
              />

解决方法

只需替换这个

<TextField value={description} onChange={handle} />

有了这个

<TextField value={description} onChange={(e) => {setDescription(e.target.value)}} />
<h1>{description}</h1>

还要删除你的句柄函数，因为它会在这之后变得无用 逻辑 基本上，我们正在传递一个箭头函数并在用户键入/更改 TextField/inputfield 中的单个字符时更新我们的描述挂钩。还有

<h1>{description}</h1>

将展示当发生变化时事情是如何运作的