对象在下一个 js 中作为 React 子错误无效

Question

I use the latest version next js inside my project.我在我的项目中使用最新版本的 next js。 Recently I faced objects not valid as a react js child error.最近我遇到了对象无效作为 react js 子错误。

First import Head components are next js, and after I use SEO schema structure in the project, I face an error.先import Head组件，next js，我在项目中使用SEO schema结构后，报错。 Please guide me on how to resolve this issue.请指导我如何解决这个问题。 I also use {} in a script tag inside and outside, but not working for me.我还在内部和外部的脚本标签中使用 {}，但对我不起作用。

 <Head>
  <title>Random color project </title>
        <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  "
  />
 {/* rest code  */}

  {/* SEO Schema  structure code for search egine  */}  
  <script  type="application/ld+json">
    {

      "@context": "https://schema.org",
      "@type": "WebSite",
      image: ["https://avatars2.githubusercontent.com/u/32416397"],
      author: {
        "@type": "Person",
        name: "Rajdeep Singh"
      },
      ....
    }

  </script>

</Head>

Answer 1

Try below instead of your script with the object.尝试下面而不是您的脚本与对象。

<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"
      },
      ....
    }`}} 
/>

对象在下一个 js 中作为 React 子错误无效

问题描述

1 个解决方案

解决方案1
1 2021-11-05 11:58:16

对象在下一个 js 中作为 React 子错误无效

问题描述

1 个解决方案

解决方案1 1 2021-11-05 11:58:16

解决方案1
1 2021-11-05 11:58:16