你好，我在 app.js 中有一個鉤子：
const[customer,setCustomer]=useState([
{name:'aaaaaa', password:'11111', balance:78000},
{name:'bbbbbb', password:'22222', balance:5000},
{name:'cccccc', password:'33333', balance:15000},
{name:'dddddd', password:'44444', balance:1000000},
]);
我通過 Route 將此鉤子發送到組件中的唱歌。我如何驗證每個客戶的密碼？
在組件內部，我做了 2 個輸入，將寫入的值發送到 2 個鉤子和一個按鈕，我希望在單擊按鈕 (onClick) 時進行驗證。并回傳包含給定名稱和密碼的物件的索引，以便我可以將其傳遞給客戶頁面/組件。謝謝你。
單曲成分：
const[name,setName]=useState('');
const[password,setPassword]=useState('');
<input onChange={(e)=>{setName(e.target.value)}} placeholder='user name'></input>
<inputonChange={(e)=>{setPassword(e.target.value)}} placeholder='password'></input>
<button onClick={valid}>Enter</button>```
uj5u.com熱心網友回復：
只需使用設定值查找它是否存在于您的陣列中
const valid () => {
let existsUser = customer.find((x) => (x.name === name && x.password === password))
if(existsUser){
alert('Navigate to new page')
}
}轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/491818.html
標籤：javascript 反应 成分 钩 使用状态
上一篇：如何根據重復鍵重建物件陣列？