Блог

Я использую последнюю версию next js в своем проекте. Недавно я столкнулся с объектами, недопустимыми в качестве дочерней ошибки react js.

Первые компоненты головки импорта-это следующий js, и после того, как я использую структуру схемы SEO в проекте, я сталкиваюсь с ошибкой. Пожалуйста, объясните мне, как решить эту проблему. Я также использую {} в теге сценария внутри и снаружи, но он не работает для меня.

 lt;Headgt;  lt;titlegt;Random color project lt;/titlegt;  lt;meta  name="description"  content="Random Color tool help to genrate random color base on your click. every time when you click on button random color genrate a color "  /gt;  {/* rest code */}   {/* SEO Schema structure code for search egine */}   lt;script type="application/ld json"gt;  {   "@context": "https://schema.org",  "@type": "WebSite",  image: ["https://avatars2.githubusercontent.com/u/32416397"],  author: {  "@type": "Person",  name: "Rajdeep Singh"  },  ....  }   lt;/scriptgt;  lt;/Headgt;  

Попробуйте ниже вместо вашего сценария с объектом.

 lt;script type='application/ld json' dangerouslySetInnerHTML={ { __html: `{   "@context": "https://schema.org",  "@type": "WebSite",  image: ["https://avatars2.githubusercontent.com/u/32416397"],  author: {  "@type": "Person",  name: "Rajdeep Singh"  },  ....  }`}}  /gt;