SOLUCIÓN
const onChangeHandler = (e, name) => { setFormData((c) => ({ ...c, [name]: e.target.value, })); }; onChange={(e) => onChangeHandler(e, "firstName")}ANTIGUO
Tengo esta función dentro de algunas entradas. Hay como 15 entradas. Me preguntaba si podría envolverlos en una función y manejarlos todos juntos. Mi entrada individual onChange handler es la siguiente:
onChange={({ target }) => setFormData((c) => ({ ...c, driversLicense: target.value, })) }setFormData se pasa desde otro componente como accesorios. Toma el valor anterior (c) y suma nuestro valor actual. Me gustaría una función para establecer dinámicamente la clave y el objetivo . Así que algo así, pero ni siquiera puedo alcanzar el nombre. Dice que no se usa. ¿Algunas ideas?
const onChangeHandler = (e, name) => { setFormData((c) => ({ ...c, name: e.target.value, })); };Necesitas { [propertyNameFromVariable]: value }:
const onChangeHandler = (e, name) => { setFormData((c) => ({ ...c, [name]: e.target.value, })); };(La siguiente pregunta sería: ¿cómo memorizamos esto con useMemo/useCallback?)