在 useState 钩子中存储数据

时间:2021-01-09 08:01:47

标签: reactjs react-hooks

我有一个用于输入新旧密码的输入标签。我想将它存储在 useState 钩子中。我怎么做? 这是输入标签的代码:

<Form.Control
                  type="password"
                  placeholder="Confirm new password"
                  name="checkPassword"
                  value={values.checkPassword}
                  onChange={handleChange}
                />

这里是 useState 钩子:

 const [password, setPassword] = useState("");

1 个答案:

答案 0 :(得分:1)

1- 将 value 更改为 value={password}

2- 将 onChange 更改为 onChange={(e) => setPassword(e.target.value)}

附言如果您的元素是带有 e.target.value 的标准 HTML 输入。如果没有,您必须将正确的参数传递给 onChange 事件。