hola tengo un gancho en 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}, ]);Envié este enlace a través de Route a un componente de inicio de sesión. ¿Cómo puedo validar cada cliente con su propia contraseña?
dentro del componente hice 2 entradas que enviaron el valor que se escribió a 2 ganchos y un botón, deseo que la validación ocurra cuando hago clic en el botón (onClick). y devolver el índice del objeto que contiene este nombre de pila y contraseña para que pueda pasarlo a la página/componente del cliente. gracias.
componente de canto:
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>```Simplemente encuentre con los valores establecidos si existe o no en su matriz
const valid () => { let existsUser = customer.find((x) => (x.name === name && x.password === password)) if(existsUser){ alert('Navigate to new page') } }