react-router-dom 给出错误
2017-03-27
422
我有以下“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')
);
2个回答
Match
和
Miss
来自 react-router-v4.alpha 的早期版本
使用当前稳定版本的 v4。您应该使用
Route
而不是
Match
。
Miss
不再存在。
我认为这应该可以解决您的问题。
xiaofan2406
2017-03-27
首先,您应该使用 Route 而不是 match。
其次,导入区分大小写。
第三,
match
根据文档,您将获得 match 对象作为 prop。
Amit Sharma
2017-03-27