¿Cómo funciona reaccionar-casco?
Se recomienda probar los siguientes métodos:
1. Uso
¿importar?React?from?"react";
>importar?{ Casco}?desde?"react-helmet";
¿clase?Aplicación?extiende?React.Component?{
renderizar?{
return?(
lt;divgt;
lt;Casco;
lt;meta?charSet="utf-8"?/gt;
lt;titlegt;Soy el título del sitio y corro el riesgo de que me sobrescribanlt;/titlegt;
lt;link?rel="canonical"?href="/ ejemplo"?
lt;/Helmetgt;
...
lt;/divgt;
);
}
};
II. Ejemplo
1. p>lt; Helmetgt;
lt;titlegt; Soy el título del sitio web, estaré cubierto por el siguiente contenido
lt;meta?name= "description"?content=" Soy la descripción del sitio y lo cubriré a continuación"?
lt;/Helmetgt;
lt;divgt;
lt;Helmetgt;
lt;titlegt; Soy el título, el contenido del título en Casco arriba me sobrescribirált;/titlegt;
lt;meta?name= "description"?content="Soy la descripción, anularé el contenido de la descripción del casco anterior"?/gt;
lt;/Helmetgt;
lt;/divgt ;
lt;/divgt;
2. Compilación posterior
lt; headgt;
lt; Componente "gt;
lt;/headgt;
Beneficios de esto: <
Puede usar js, salas de chat que usan frases comunes, alertas push, etc. Cambie dinámicamente el contenido en el título del sitio web y otras etiquetas principales
Etiquetas admitidas:
base
bodyAttributes
htmlAttributes< /p. >
enlace
meta
noscript
script
estilo
título
<
Nota:
Esta es sólo una lista parcial de las funciones de Helmet, hay más funciones, pero todas son muy simples y fáciles de entender
<; p> Para obtener más artículos técnicos recientes, visite mi repositorio de github. Enlaces web