Por lo general, trabajo con componentes de función en React, sin embargo, mi compañero de equipo usó un componente de clase y ahora tengo dificultades para entender cómo pasar accesorios de mi componente al de mi compañero de equipo.

Lo que tengo (considerar como MyFile.js):

 const [dataDB, setData] = useState([]); useEffect(() => { getData(); }, []); const getData = async() => { // some api fetching here .then(result => setData(result.data)) }; return ( // here I am using my dataDB // but I also want to pass it to another component <AnotherComponent dataDB={dataDB} /> );

Lo que tiene mi compañero de equipo (considere como AnotherFile.js):

 const anotherData = { name: "Dummy Name" //dataDB.name should be here }; export default class MainAnotherComponent extends React.PureComponent { state = { data: anotherData }; render() { return ( ... //recursion happens here, I guess <AnotherComponent data={this.state.data}/> ... ); } }

No estoy seguro de cómo pasar dataDB de mi componente funcional a la clase uno. Como puedes ver, traté de pasarlo así:

 <AnotherComponent dataDB={dataDB} />

Pero, ¿cómo puedo acceder a ese dataDB dentro de ese AnotherComponent?