me gustaría saber cómo puedo configurar un estado con pocos valores de entrada para el ejemplo, este es el estado
const [userBirthday, setUserBirthday] = useState('')
hay 3 entradas, quiero obtener e.target.value de cada una y contenerlas en el estado
algo así ** Sé que la sintaxis en realidad no es buena, pero es solo para simplificar mi pregunta
<input type="text" placeholder='Day' onChange={(e) => { setUserBirthday(userBirthday += e.target.value) }} /> <input type="text" placeholder='Day' onChange={(e) => { setUserBirthday(userBirthday += e.target.value) }} /> <input type="text" placeholder='Day' onChange={(e) => { setUserBirthday(userBirthday += e.target.value) }} />
`
console.log(userbirthday) == Resultado: 12 de septiembre de 2020
Esta función hará el trabajo, debe agregar el método handleChange a todos los accesorios "onChange" del campo de entrada y debe agregar el nombre prop a todos los campos de entrada, agregué input1 para la demostración.
const handleChange = (e) => { const data = { ...userBirthday }; data[e.currentTarget.name] = e.currentTarget.value; setUserBirthday(data); }; <input type="text" name="input1" placeholder='Day' onChange={handleChange} />