我想 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])
};