0

错误 - React.Children.only 期望接收单个 React 元素子元素。在相同的上下文中有很多问题,我尝试了这些解决方案,但没有找到解决方案。

该网站的导航栏是给我错误的原因。导航栏上方有一个部分可以正确渲染,当我尝试渲染下方的导航栏时会引发错误。

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

4

1 回答 1

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 文档的JSX 中的子部分以获取更多信息。

于 2018-03-19T11:23:12.580 回答