Question

错误 - React.Children.only期望收到一个React元素子元素。在相同的背景下有很多问题，我尝试了这些解决方案但没有找到解决方案。

网站的Navbar是给我错误的。 Navbar上有一个部分正确呈现，当我尝试渲染下面的Navbar时会抛出错误。

import Link from 'next/link'
import Head from '../components/head'
import Download from '../components/nav'
import NavBar from '../components/header'
import Footer from '../components/footer'
import htmlContent from 'html-loader!../legacy/index.html'



const Homepage = () => (

  <div>
 <Head />
 <Download/>
<NavBar />
<div dangerouslySetInnerHTML={{__html: htmlContent}} />
    <Footer />
  </div>

);
export default Homepage

页脚正确显示，head标签适用于所有元数据等（也可以）。所有代码的Github链接是 - https://github.com/yohanelly/website-jsx/tree/master/components

Answer 1

问题在于Link和a标记之间的空格。

<Link href="#"> <a className="menu-links features">Features</a></Link>

应该是

<Link href="#"><a className="menu-links features">Features</a></Link>

或

<Link href="#">
    <a className="menu-links features">Features</a>
</Link>

阅读React文档的Children in JSX部分以获取更多信息。

使用下一个js作为静态网站

1 个答案: