Estoy usando un componente de carrusel elegante para mostrar productos para diferentes páginas, por lo que necesito establecer su título desde el componente principal: algo así como <Component title="Products" />
Aquí está la estructura básica de mis archivos jsx, ¿podemos hacerlo con un método simple como el siguiente?
Padre.jsx:
const Parent = () => { return ( <Component title="Products" /> ); } export default Parent;Componente.jsx:
const Component = () => { return ( <h3> {title} </h3> ); } export default Component;Puede pasar datos de un componente principal a un elemento secundario a través de los accesorios :
const Parent = () => { return ( <Component title="Products" /> ); } export default Parent;Componente.jsx:
const Component = ( props ) => { return ( <h3> {props.title} </h3> ); } export default Component;Necesita acceder al parámetro de título de esta manera
Parámetro desestructurado
const Component = ({title}) => { return ( <h3> {title} </h3> ); } export default Component;o así
parámetro props
const Component = (props) => { return ( <h3> {props.title} </h3> ); } export default Component;