Reactjs react路由器1.0.0-rc3-所有URL仅映射到一个react组件
我有以下路线:Reactjs react路由器1.0.0-rc3-所有URL仅映射到一个react组件,reactjs,react-router,Reactjs,React Router,我有以下路线: routes.jsx var routes = ( <Route component={AfApp} path="/"> <Route path="/testpage" component={Test}/> <Route path="testpage" component={Test}/> </Route> ); module.exports = routes; import ro
routes.jsx
var routes = (
<Route component={AfApp} path="/">
<Route path="/testpage" component={Test}/>
<Route path="testpage" component={Test}/>
</Route>
);
module.exports = routes;
import routes from './routes.jsx';
ReactDOM.render(<Router routes={routes} />, document.getElementById('content'));
import createBrowserHistory from 'history/lib/createBrowserHistory';
ReactDOM.render(<Router history={createBrowserHistory()} routes={routes} />, document.getElementById('content'));
entry.jsx
var routes = (
<Route component={AfApp} path="/">
<Route path="/testpage" component={Test}/>
<Route path="testpage" component={Test}/>
</Route>
);
module.exports = routes;
import routes from './routes.jsx';
ReactDOM.render(<Router routes={routes} />, document.getElementById('content'));
import createBrowserHistory from 'history/lib/createBrowserHistory';
ReactDOM.render(<Router history={createBrowserHistory()} routes={routes} />, document.getElementById('content'));
由于某些原因,我不明白添加历史记录(当然我必须运行
npm安装历史记录
)会使问题消失:entry.jsx
var routes = (
<Route component={AfApp} path="/">
<Route path="/testpage" component={Test}/>
<Route path="testpage" component={Test}/>
</Route>
);
module.exports = routes;
import routes from './routes.jsx';
ReactDOM.render(<Router routes={routes} />, document.getElementById('content'));
import createBrowserHistory from 'history/lib/createBrowserHistory';
ReactDOM.render(<Router history={createBrowserHistory()} routes={routes} />, document.getElementById('content'));
从'history/lib/createBrowserHistory'导入createBrowserHistory;
ReactDOM.render(,document.getElementById('content'));