2017-03-27 22 views
0

我有以下實現「react-router-dom」,但我無法讓它工作。有人能指導我什麼是潛在的問題。react-router-dom給出錯誤

App.jsx

import React from "react"; 
import Main from "../components/Main"; 
import Home from "../components/Home"; 
import { BrowserRouter, Match, Miss, Link } from 'react-router-dom'; 


    const App =() => (

    <BrowserRouter> 
     <div> 
      <Match exactly pattern="/" component={Main} /> 
      <Match pattern="/home" component={Home} /> 
     </div> 
    </BrowserRouter> 
); 

export default App; 

Index.jsx

import React from "react"; 
import ReactDOM from "react-dom"; 
import Main from "./components/Main"; 
import Home from "./components/Home"; 

import Page from './components/Page'; 
import App from "./config/App"; 


ReactDOM.render( 
    <App/>, 
    document.getElementById('app') 
); 

我得到以下錯誤:enter image description here

回答

2

請參閱docs of React Router v4

MatchMiss從反應-路​​由器v4.alpha

的以前版本的V4的當前穩定版本。您應該使用Route而不是MatchMiss不存在了。

我認爲這應該可以解決您的問題。

1

首先,你應該使用路線而不是匹配。
其次,進口區分大小寫。
三,match根據文檔你將獲得匹配對象作爲道具。