一個<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.