/*
像<input/>这样的输入框是非受控的，即使<input defaultValue="请输入"/>传递了初始值，JSX也只是指定了初始值，而非当前时刻的值
如果要渲染一个受控输入框，需要value属性(多选框和单选按钮传递checked)，value和state进行绑定，通过state来控制输入框
*/
const [num,setNum] = useState(0)
<input value={num} onChange={(e)=> setNum(e.target.value)/>
/*
总结：
input使用value属性会变成受控的，随state改变而改变，不能直接编辑，需要添加onChange事件才能实现编辑功能，直接使用state获取值
input使用defaultValue属性是非受控的，不随state的改变，可以直接编辑，可通过ref取值
*/