reactjs - Store 数组中的数据来自 React 中的输入字段

我想 store 来自登录表单的现有数组中的数据。

这是我想要 store 我的数据的地方。

const usersAccount = [
    {
      username: "user1",
      password: "pass1"
    }
  ];

这是在提交表单时调用的函数

// check user when try to register
  const registerUser = (event) => {
    event.preventDefault();

    var { uname, pass } = document.forms[0];
    const username = uname.value;
    const password = pass.value;

    console.log(username, password);
  };

用户名和密码是我想在 userAccount 中过去的 values 表单是一个普通的登录表单,带有 2 个输入字段和一个带有 type='submit' 的按钮

回答1

您是否没有使用任何状态管理处理程序来存储凭据?如果您想 store 现有数组中的凭据。

const registerUser = (event) => {
      event.preventDefault();

      var { uname, pass } = document.forms[0];
      const username = uname.value;
      const password = pass.value;
      usersAccount[0].username = username
      usersAccount[0].password = password
   };

但是,使用上述方法是存储凭证的一种不好的方法。

一个好的方法可能是 store 现有数组,如 useState

const [cred,setCred] = useState(usersAccount)

const registerUser = (event) => {
  event.preventDefault();

  var { uname, pass } = document.forms[0];
  const username = uname.value;
  const password = pass.value;
  const newUserPass = {username, password}
  setCred([...newUserPass])
};