0
228
ViewsNo se puede pasar Array a otro componente en reaccionar
response es una array devuelta por mi API . Estoy pasando esta variable a otro componente para crear una tabla en la interfaz de usuario.
const [response, setResponse]= useState([]); useEffect(() => { ( async () => { await axios.get('http://localhost:3000/api/certificates'). then(response=>{ setResponse(response.data); setFlag(true); }) } )() }, []); Estoy usando esta response a otro component para crear una tabla.
const ResultTable = (response: any[]) => { -----------code------ ----------code------ }Estoy llamando al componente como a continuación.
<tbody> <ResultTable response={response}/> //this line giving error </tbody> 
que error estoy haciendo
si me gusta abajo
({response}: any[]) no reconoce la variable de respuesta. mi archivo es .tsx 
·
Juan Pablo Isaza
3 answers
Answer question0
Su componente ResultTable debería verse así,
const ResultTable = ({ response }) => { -----------code------ ----------code------ }
·
Juan Pablo Isaza
Report
0
Intente actualizar la desestructuración en ResultTable como:
const ResultTable = ({response}: any[]) => { -----------code------ ----------code------ }Además, actualice la inicialización del estado como
const [response, setResponse]= useState<any[]>([]);
·
Juan Pablo Isaza
Report
0
Acabo de aprender esto también, pero la matriz vacía se infiere automáticamente al tipo "nunca". Creo que si cambias tu enlace useState a esto:
useState([] as any);funcionará.
Y también cambie este a const ResultTable = ({ response })
·
Juan Pablo Isaza
Report
Answer question