我已经使用历史记录组件实现了导航,但是似乎无法正常工作。
这里是一个例子:
import React from 'react';
import ReactDOM from 'react-dom';
import 'babel-polyfill';
import { Provider } from 'react-redux';
import { Router } from 'react-router-dom';
//Styles
import 'styles/index.scss';
import { getInitialCredentials } from 'actions/session';
import initStore from './store';
import Application from './pages';
import history from './history';
const { store } = initStore();
store.dispatch(getInitialCredentials());
ReactDOM.render(
<Provider store={store}>
<Router history={history}>
<Application />
</Router>
</Provider>,
document.getElementById('root'),
);
这是我的history.js
import { createBrowserHistory } from 'history';
export default createBrowserHistory({
forceRefresh: true,
});
这是我的自定义组件:
import React from 'react';
const Organizations = props => {
const _addOrg = () => {
props.history.push('/organizations/new');
//window.location.reload();
};
return (
<section>
<h1>Organizations</h1>
<a onClick={_addOrg}>Add organization</a>
</section>
);
};
export default Organizations;
我什至无法做工作props.history.push('/path')
但是随后我发现了createBrowserHistory的附加参数,称为forceRefresh: true
。
我已添加它,props.history.push('/path')
开始工作,但是props.history.goBack
仍然无法工作。
谁知道为什么会发生?