0
416
Views¿Cómo importar un componente como un botón en Nextjs?
Tengo este componente con un enlace interno que se usa en varias páginas.
cuando trato de importarlo como un botón en la aplicación Nextjs, obtengo este resultado, muestra tanto el enlace de anclaje con estilo como el botón en segundo plano.
Con exactamente el mismo código en la aplicación React obtengo el resultado deseado 
Parece que el accesorio "as" por alguna razón está representando el componente como un botón y también como el ancla dentro del componente, lo que no sucede en la versión normal de React.
1 answers
Answer question0
Sospecho que tienes un estilo diferente en "la versión regular de React".
Su componente siempre representará <a> porque está codificado. Si desea utilizar <a> como componente predeterminado para renderizar, puede definir un valor predeterminado as una propiedad y no necesita <a> anidado.
Por ejemplo:
const Comp=({as: Component = 'a', ...rest}) => { return <Component {...rest}>Foobar</Component> } luego, el siguiente uso representará <a> y <button> :
<Comp /> <Comp as="button" /> 