web-dev-qa-db-fra.com

comment définir dynamiquement la balise META dans nextjs

comment utiliser NextHead dans les js suivants et définir la balise graphique ouverte. Je passe des accessoires de la page de détail mais cela n'apparaît pas dans la source.

<NextHead>
    <title>{title}</title>
    <meta property="og:type" content="website"/>
    <meta name="description" content={description}/>
    <meta property="og:title" content={title}/>
    <meta name="description" content={description}/>
    <meta name="keywords" content={keyword}/>
    <meta property="og:url" content={url}/>
    <meta property="og:description" content={description}/>
    <meta property="og:image" content={image}/>
</NextHead>
5
vishal nakum

L'un des problèmes est que le composant Head Next.js nécessite que toutes les balises META aient un attribut de nom. Je ne vois cela documenté nulle part et je pense que c'est pourquoi, par exemple, cela

<meta property="og:url" content={url}/>

de la question d'origine n'a pas fini dans les DOM. Il m'a fallu un certain temps pour comprendre ce problème, alors j'espère que cela aide quelqu'un.