Javascript 浏览器历史记录不工作(ReactJS)
页面切换正常,但当点击到另一个页面时URL不会改变,刷新页面后,我重定向到主页 我的index.jsJavascript 浏览器历史记录不工作(ReactJS),javascript,reactjs,react-router,Javascript,Reactjs,React Router,页面切换正常,但当点击到另一个页面时URL不会改变,刷新页面后,我重定向到主页 我的index.js import React from 'react' import { render } from 'react-dom' import { Provider as ReduxProvider } from 'react-redux' // import { Provider as IntlProvider } from './components/Intl' import {
import React from 'react'
import {
render
} from 'react-dom'
import {
Provider as ReduxProvider
} from 'react-redux'
// import { Provider as IntlProvider } from './components/Intl'
import {
Router,
Route,
IndexRoute,
Link,
Redirect,
browserHistory
} from 'react-router'
import App from './containers/App'
import Home from './containers/Home/Home'
import Course from './containers/Course/Course'
import Feedback from './containers/Feedback/Feedback'
import Revenue from './containers/Revenue/Revenue'
import Income from './containers/Revenue/Income'
import IncomeOver from './containers/Revenue/IncomeOver'
import {
routerMiddleware
} from 'react-router-redux'
import {
IntlProvider,
addLocaleData
} from 'react-intl'
import en from 'react-intl/locale-data/en'
import zh from 'react-intl/locale-data/zh'
addLocaleData([...en, ...zh])
import {
createStore,
compose,
applyMiddleware
} from 'redux'
import Immutable from 'immutable'
import {
combineReducers
} from 'redux-immutable'
import thunk from 'redux-thunk'
render((
<ReduxProvider >
<IntlProvider locale={'en'}>
<Router history={browserHistory}>
<Route path="/" component={App}>
<IndexRoute component={Home}/>
<Route path="Course" component={Course}/>
<Route path="Feedback" component={Feedback}/>
<Route path="/Revenue" component={Revenue}>
<IndexRoute component={Income}/>
<Route path="Income" component={Income}/>
<Route path="IncomeOver" component={IncomeOver}/>
</Route>
</Route>
</Router>
</IntlProvider>
</ReduxProvider>
), document.getElementById('mount'))
从“React”导入React
进口{
提供
}从“反应dom”
进口{
提供程序作为ReduxProvider
}来自“react redux”
//从“./components/Intl”导入{Provider as IntlProvider}
进口{
路由器,
路线,,
IndexRoute,
链接
重新使用
浏览历史
}从“反应路由器”
从“./containers/App”导入应用程序
从“./containers/Home/Home”导入主页
从“./containers/Course/Course”导入课程
从“./containers/Feedback/Feedback”导入反馈
来自“./集装箱/收入/收入”的进口收入
来自“./集装箱/收入/收入”的进口收入
从“/containers/Revenue/IncomeOver”导入收入
进口{
路由器软件
}来自“react router redux”
进口{
国际供应商,
addLocaleData
}从“反应国际”
从“react intl/locale data/en”导入en
从“react intl/locale data/zh”导入zh
addLocaleData([…en,…zh])
进口{
createStore,
组成
applyMiddleware
}来自“redux”
从“不可变”导入不可变
进口{
组合传感器
}来自“redux不可变”
从“redux thunk”导入thunk
渲染((
),document.getElementById('mount'))
导航栏中的页面如下所示:
<li><Link to="/Revenue" activeClassName="activelink">REVENUE MANAGEMENT</Link></li>
收入管理
当我移动到另一个页面时,为什么不获取URL?我看不到您的路线配置中列出的
/students
?例如收入管理