Reactjs 如何在React中创建一个非常基本的useState钩子？

我试图在React中创建一个非常基本的useState钩子，但无法找出我做错了什么。 这是一个简单的useState，它将段落内的文本更改为您在textfield中编写的内容

export default function Demo() {

const [value, setValue] = React.useState();
const handleValue= () => {
    setValue(value)
}
  
return(

  <>
    <TextField onChange={handleValue} />
    <p>{value}</p>
  </>

 )
}

导出默认函数Demo（）{
const[value，setValue]=React.useState（）；
常量handleValue=（）=>{
设置值（值）
}
返回(
{value}

)
}

---

这一段没有任何内容。我遗漏了什么吗？

您需要处理来自更改处理程序的值，并使用它更新您的状态您的

handleChange

函数当前正在将值设置为自身。必须将其指定给从

文本字段中获得的值

下面是一个工作示例


const{
useState，
使用效果，
碎片
}=反应；
函数Demo（）{
const[value，setValue]=useState（）；
常量handleValue=（{target}）=>{
设置值（目标值）；
}
返回
{value}

;
}
const el=document.querySelector（“根”）；
ReactDOM.render（，el）

值
是有状态的
常量
。它以
未定义开始
setValue（value）
只会再次将其设置为
undefined
。您忘记为
value
状态提供默认值。尝试使用
React.useState（0）
将
value
的默认值设置为
0
您需要在
React.useState（0）
中预定义一个默认值，但是段落是如何将value属性设置为像这样的目标的
？