小编Cha*_*ndi的帖子

警告:在 React js 中,组件正在将受控输入更改为不受控

帮助。我使用反应钩子,当我输入输入时出现错误。

错误:

警告:组件正在将受控输入更改为不受控。这可能是由于值从已定义更改为未定义导致的,这种情况不应该发生。在组件的生命周期内决定使用受控或非受控输入元件。

代码:

const AddUser = () => {
const initialUserState = {
    id: null,
    name: '',
    age: 0
}

const [users, setUsers] = useState(initialUserState)

const handleChange = (e) => {
    setUsers({ [e.target.name]: e.target.value })

    e.preventDefault()
}    

return (
    <div>
        <input name="name" type="text" value={users.name} onChange={handleChange}/>
        <input name="age" type="number" value={users.age} onChange={handleChange}/>
    </div>
)}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-hooks

4
推荐指数
1
解决办法
8300
查看次数

标签 统计

javascript ×1

react-hooks ×1

reactjs ×1