Tengo un problema al usar parámetros predeterminados en un componente funcional (React.js v17.0.2). Tengo el componente anterior, que recibe parámetros específicos con un valor predeterminado. ¿Cómo puedo hacer que este componente aún reciba accesorios como cuando uso MyComponent(props){...} ? Más específicamente, ¿cómo puedo hacer que este componente pueda recibir props.children?
export default function Box({style = "red-box"}, {size="xl"} ) { console.log(props) return ( <div className={`${style} ${size}`}> {props.children} <---- </div> )}Espero que la idea sea clara. ¡Gracias por adelantado!
¿Esto es suficiente?
export default function Box({children, size="xl", style="red-box"}) { return ( <div className={`${style} ${size}`}> {children} </div> )}