Tengo un valor de objeto de matriz en una habitación llamada constante.
room = [ {name: "buger", placeId: 252} {name: "pack", placeId: 253} {name: "apple", placeId: 254} {name: "peach", placeId: 255} ]En este momento, quiero cambiar el valor del nombre en la sala usando la función onChangeroom cada vez que escribo un carácter en TextInput.
Entonces, cuando ejecuto setRoom en la función onChangeRoom y adjunto ["nombre"], aparece un error de Token inesperado.
¿Cómo cambio mi código para cambiar el nombre de la habitación?
A continuación se muestra mi código.
const [room, setRoom] = useState( targetFarm.children.map((v) => ({ name: v.name, placeId: v.placeId })) ) const onChangeroom = useCallback((index) => (text) => { setRoom({ ...room, [index]["name"]: text }); // << this might cause error }, []); {targetFarm.children.map((item, index) => { return ( <TextInput style={{ backgroundColor: 'orange' }} value={room[index]["name"]} onChangeText={onChangeroom(index)} /> ... ) }Puede obtener index en la función de map . Después de tener un índice, puede actualizar.
Permítanme mostrar un ejemplo:
const [room, setRoom] = useState([ ...targetFarm.children ]); const onChangeroom = useCallback((index, text) => { setRoom(room.map((pr, i) => { if(i === index) { return { ...pr, name: text } } else return pr; })) }, []);Intente pasar tanto el index como el text a onChangeRoom(text, index) y modifique el gancho useCallback para que se vea así (observe que ambos argumentos se pasan a la segunda función dentro del gancho):
const onChangeroom = useCallback(() => (text, index) => { setRoom({ ...room, [index]["name"]: text }); }, []);Déjame saber si esto te funciona.