一个<Router>可能只有一个子元素

Question

我不断收到试图使用与反应路由器-DOM链接时，这个错误

一个<Router>可能只有一个子元素

这是我的代码：

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

酷似错误的声音，你需要在一个包裹的<Router />内的一切。

前：

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

后：

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

React components can only have one child.