¿Es posible establecer un nombre para children en reaccionar para una mejor legibilidad del código?
Quiero algo como esto:
default function LinksBar({ links = children }) { return ( <div> {links} {/* instead of {children} */} </div> ) };Sé que puedo pasarlos en accesorios, pero no quiero hacerlo de esta manera (solo por preferencia personal).
<LinksBar links={<><Link href="1" /><Link href="2" /><>} /> <LinksBar> <Link href="1" /> <Link href="2" /> <LinksBar/>Puede alias, aunque React hablando, es menos legible, en mi opinión:
function LinksBar({ children: links })
function LinksBar({ links = children }) define un parámetro que desestructura por defecto, no que desestructura el cambio de nombre; espera una propiedad de links y, si no se encuentra o tiene el valor undefined , intenta establecerla de forma predeterminada en una variable children dentro del alcance (presumiblemente fallando porque no hay ninguna).
Para cambiar el nombre de la sintaxis de desestructuración, desea {children: links} en su lugar:
default function LinksBar({children: links}) { return ( <div> {links} </div> ) }