使用路由 提示 'Link' is not exported from 'react-router'
源代碼如下
import React from 'react';
import { Router, Route, Link } from 'react-router'
const App = React.createClass({
render() {
return (
<div>
<h1>App</h1>
<ul>
<li><Link to="/about">About</Link></li>
<li><Link to="/inbox">Inbox</Link></li>
</ul>
{this.props.children}
</div>
)
}
})
const About = React.createClass({
render() {
return <h3>About</h3>
}
})
const Inbox = React.createClass({
render() {
return (
<div>
<h2>Inbox</h2>
{this.props.children || "Welcome to your Inbox"}
</div>
)
}
})
const Message = React.createClass({
render() {
return <h3>Message {this.props.params.id}</h3>
}
})
React.render((
<Router>
<Route path="/" component={App}>
<Route path="about" component={About} />
<Route path="inbox" component={Inbox}>
<Route path="messages/:id" component={Message} />
</Route>
</Route>
</Router>
), document.body)
出錯(cuò)原因：通常在 React 中鲁冯，一般要引入兩個(gè)包，react和 react-dom撞芍，那么react-router和react-router-dom不同之處就是后者比前者多出了<Link> <BrowserRouter>這樣的 DOM 類(lèi)組件跨扮，因此只需引用react-router-dom這個(gè)包就OK了
