Línea de tiempo para Argument of type '(information: string[]) => string[]' is not assignable to parameter of type 'string[]' React + TypeScript
Licencia actual CC BY-SA 4.0
8 eventos
cuándo alternar formato | qué | por | licencia | comentario | |
---|---|---|---|---|---|
el 25 mar. 2021 a las 10:25 | comentario | añadido | Sergio Gordillo | Comprendido. Mil gracias Sergio :) | |
el 23 mar. 2021 a las 22:06 | comentario | añadido | Sergio Madrigal | Casi! Fíjate que el OR (el caracter | ) lo que indica es la entrada a la función que tu has llamado setInformation. Ese OR te dice que o bien le pasas como argumento a la función un array de strings (information) o bien le pasas un arrow function que tiene como parametro de entrada un array de strings y como salida un array de strings. El resultado siempre es void, porque el setInformation no devuelve nada. | |
el 23 mar. 2021 a las 16:43 | votar | aceptar | Sergio Gordillo | ||
el 23 mar. 2021 a las 16:41 | comentario | añadido | Sergio Gordillo | Vale, a ver si lo he entendido bien. Básicamente sería: a) information: string[]: que puede recibir un array de strings, que en este caso sería information (como si no seteara nada nuevo) b) ((information:string[])=>string[])) => void; information:string[] sería el estado anterior del array de strings y si seteo ya tengo el =>string[] con el estado nuevo y void porque no devuelve nada. ¿Lo he entendido bien? Gracias :) | |
el 23 mar. 2021 a las 7:07 | comentario | añadido | Sergio Madrigal | Piensa que en TypeScript tienes que tipar exactamente qué esperas que una función reciba y responda. Los setState usados en los Hooks de React no devuelven nada (puesto que setean su variable pero no la devuelven). En tu código quieres utilziar la funcionalidad especial que tienen los hooks de setear su variable haciendo uso de su valor anterior: setState( anterior => [...anterior, nuevo]), eso se lo tienes que indicar en la interfaz que defines. Por eso describes tu setInformation como una función que o bien tiene como parametros un string[] o bien la arrow function. | |
el 22 mar. 2021 a las 22:22 | comentario | añadido | Sergio Gordillo | Mil gracias. Ya me funciona pero no comprendo qué significa el código bien. Vamos por partes: a) information: string[]: que puede recibir un array de strings. Eso correcto. b) ((information:string[])=>string[])) => void;: ¿Que puede recibir un array de strings (podría ser el estado antes de setearlo), que a su vez llama a otro array de strings (podría ser el estado después de setearlo) y retorna void? No acabo de entenderlo bien. Muchas gracias :) | |
el 22 mar. 2021 a las 19:05 | revisar | Primeras publicaciones | |||
el 22 mar. 2021 a las 19:24 | |||||
el 22 mar. 2021 a las 18:56 | historial | respuesta | Sergio Madrigal | CC BY-SA 4.0 |