作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
目前我的 URL 结构仍然以散列语法存储历史。
例如:http://localhost:3000/#/work?_k=otstr8
我试图让它使用来自 react-router 的 browserHistory
显示为:http://localhost:3000/#/work
这是我的routes.js 文件:
//Import Dependencies.
import React from 'react';
import { Router, Route } from 'react-router'
import ReactDOM from 'react-dom';
//Import Components.
import AboutElement from '../views/about/about.jsx';
import WorkElement from '../views/work/work.jsx';
import ResumeElement from '../views/resume/resume.jsx';
//Set up routes.
let routes = (
<Router>
<Route path='/' component={AboutElement}/>
<Route path='/work' component={WorkElement}/>
<Route path='/resume' component={ResumeElement}/>
</Router>
);
export default routes;
我的 index.js 文件:
//Import Dependencies.
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, browserHistory } from 'react-router';
//Import Routes.
import routes from './routes/routes.js';
ReactDOM.render(<Router history={browserHistory} routes={routes} />, document.getElementById('application'))
根据我的研究,这种语法对于 browserHistory
是正确的吗?由于某种原因,哈希历史仍在使用。知道为什么这种情况仍在发生吗?
最佳答案
只需将 history 作为一个单独的库安装并使用它。
import { createHistory } from 'history'
const history = createHistory()
关于javascript - BrowserHistory 不适用于 react 路由器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35318078/
我是一名优秀的程序员,十分优秀!