我想從登錄表單將資料存盤在現有陣列中。
這是我要存盤資料的地方。
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中傳遞的值
表單是一個普通的登錄表單，有 2 個輸入欄位和一個按鈕type='submit'
uj5u.com熱心網友回復：
您沒有使用任何狀態管理處理程式來存盤憑據嗎？如果要將憑據存盤在現有陣列中。
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
};
但是，使用上述方法是存盤憑證的一種不好的方法。
一個好的方法可能是將現有陣列存盤為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])
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/479387.html
上一篇：用戶管理后臺代碼，輕松復制實作