error - React.Children.only erwartet, ein einzelnes untergeordnetes React-Element zu erhalten. Es gab einige Fragen mit dem gleichen Kontext, ich habe diese Lösungen ausprobiert, aber keine Lösung gefunden.
Die Navbar der Website gibt mir den Fehler. Es gibt einen Abschnitt über der Navbar, der richtig gerendert wird, wenn ich versuche, die Navbar darunter zu rendern, wird der Fehler ausgegeben.
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
Die Fußzeile wird richtig angezeigt, der Head-Tag ist für alle Metadaten usw. (funktioniert auch). Der Github-Link zum gesamten Code lautet: https://github.com/yohanelly/website-jsx/tree/master/components
Das Problem liegt an den Leerzeichen zwischen dem Link
und dem a
Tag.
<Link href="#"> <a className="menu-links features">Features</a></Link>
sollte entweder sein
<Link href="#"><a className="menu-links features">Features</a></Link>
oder
<Link href="#">
<a className="menu-links features">Features</a>
</Link>
Lesen Sie den Abschnitt Kinder in JSX der React-Dokumentation für weitere Informationen.
Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.
Bei Verstößen wenden Sie sich bitte [email protected] Löschen.
Lass mich ein paar Worte sagen