A <Router> kann nur ein untergeordnetes Element haben

Question

Ich halte diesen Fehler, wenn sie versuchen, Links zu verwenden, um mit reagieren-Router-dom

A <Router> ein Element Kind nur haben kann meine

Dies ist Code: Genau

import React, { Component } from 'react'; 
import logo from './logo.svg'; 
import './App.css'; 
import Layout from './Layout'; 

class App extends Component { 
    render() { 
    return (
     <div className="App"> 

     <header className="App-header"> 
      <img src={logo} className="App-logo" alt="logo" /> 
      <h1 className="App-title">Welcome to React</h1> 
     </header> 
     <p className="App-intro"> 
      To get started, edit <code>src/App.js</code> and save to reload. 
     </p> 
     <Layout /> 
     <div> 

     </div> 
     </div> 
    ); 
    } 
} 

export default App; 

Answer 1

wie der Fehler klingt, müssen Sie alles wickeln innerhalb von <Router /> in einem <div>.

Vorher:

render() { 
    return (
     <Router> 
      <Link /> 
      <Link /> 
      <Link /> 
     </Router> 
    ) 
} 

Nach:

render() { 
    return (
     <Router> 
      <div> 
       <Link /> 
       <Link /> 
       <Link /> 
      </div> 
     </Router> 
    ) 
} 

React components can only have one child.