react-router-dom给出了错误

Question

我有＆＃34; react-router-dom＆＃34;的实现，但是我无法让它工作。有人可以指导我什么是潜在的问题。

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')
);

我收到以下错误：

Answer 1

请参阅docs of React Router v4

Match和Miss来自react-router-v4.alpha的先前版本

目前稳定版本的v4。您应该使用Route代替Match。 <{1}}不再存在了。

我认为这可以解决你的问题。

Answer 2

首先，你应该使用Route而不是匹配 其次，进口是区分大小写的 第三，根据文档match，您将获得匹配对象作为道具。