¿Cómo podría pasar/acceder a los accesorios de un componente importado? Este componente de ejemplo proviene de una biblioteca de terceros, por lo que no estoy seguro de cómo obtendría sus accesorios.
import { Example } from './comps'
const App = () => {
return (
<Example />
);
console.log(Example.props) //this returns undefined
}
export default App;
No puede acceder a los accesorios de un componente secundario desde el componente principal de esa manera.
Es más:
const App = () => {
return ( // return will finish the function, so the console.log below doesn't make any sense.
<Example />
);
console.log(Example.props) //this returns undefined
}
En su ejemplo, los accesorios son las cosas que se pasan desde la App
, por lo que puede pasar/acceder directamente desde la App
:
const App = () => {
const [value, setValue] = useState(0);
return (
<Example number={value} setNumber={setValue} />
);
}