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