如果没有forceRefresh,React导航组件props.history.push('path')将不起作用:true

时间:2019-06-20 12:55:11

标签: javascript reactjs ecmascript-6 react-router

我已经使用历史记录组件实现了导航,但是似乎无法正常工作。

这里是一个例子:

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仍然无法工作。

谁知道为什么会发生?

0 个答案:

没有答案