import B from './B.js'; const Test = () => { async function getResults() { await axios .get(`http://localhost:2000/?url=${link}`) .then((response) => { <B data={response.data} /> }); } return ( <> <div> <button onClick={getResults}> Click </button> </div> </> )Estaba tratando de pasar los datos de axios como accesorios a mi componente B. Pero en la consola obtuve un valor indefinido. Cómo resolver este problema. ¿Debo pasar los accesorios dentro del área de devolución del componente de prueba solamente?
Necesita usar useState para almacenar datos
import B from './B.js'; import { useState } from 'react' const Test = () => { const [data, setData] = useState({}) async function getResults () { await axios .get(`http://localhost:2000/?url=${link}`) .then((response) => { setData(response.data) }); } return ( <> <div> <button onClick={getResults}> Click </button> <B data={data} /> </div> </> ) }