Saltar al contenido principal
Si un componente de React que escribiste tú mismo aparece un momento después de que se carga el resto de una página de Mintlify, o su contenido falta cuando ves el código fuente de la página, este es el comportamiento esperado. Mintlify renderiza los componentes personalizados solo en el navegador.

​
Por qué los componentes personalizados no están en el HTML inicial

Los componentes personalizados se ejecutan solo en el navegador. El HTML renderizado en el servidor omite los componentes que defines con export en un archivo MDX y los componentes que importas por nombre desde un snippet, como import { MyComponent } from "/snippets/my-component.jsx". Después de que se carga la página, el navegador renderiza esos componentes en su lugar. Los snippets MDX que importas como contenido, como import MySnippet from "/snippets/my-snippet.mdx", se renderizan en el servidor como el resto de la página. Como resultado:
  • El código fuente de la página y el HTML inicial no incluyen el contenido del componente.
  • Los visitantes pueden ver que el componente aparece de repente o desplaza el diseño después de que se muestra el resto de la página.
  • Es posible que los motores de búsqueda no indexen completamente el contenido del componente.

​
Usa componentes integrados para el contenido que debe renderizarse en el servidor

La mayoría de los componentes integrados, incluidos los que se indican a continuación, se renderizan en el servidor y aparecen en el HTML inicial. Si usas un componente personalizado para diseño o contenido estático, reemplázalo por un componente integrado o un snippet MDX. Por ejemplo: Reserva los componentes personalizados para elementos interactivos que necesitan estado o API del navegador. Consulta Componentes de React para saber cómo crearlos y conocer otras consideraciones.

Temas relacionados

Vista general de automatizacionesReactPáginas