withSyncHistory不生效

[aliyun]

withSyncHistory不生效

[Boelroy]

嗯 React Router 4 由于放弃了 createBrowserHistory 的形式，必须从 BrowserRouter 里面获取 history 对象, 可以考虑一下如下的方式。

import { BrowserRouter, withRouter } from 'react-router-dom';

const Application (props) => {
   useEffect(() => {
      const { history, path, location } = this.props;
      if (location.path !== props.path) {
        history.push(path);
      }
  }, [props.path]);

  return (
    /* 你要渲染的路由 */
  );
}

const App = withRouter(Application);

export default mount(
  (props) => (
      <BrowserRouter>
        <App {...props} />
      </BrowserRouter>
  ),
  document.getElementById('app'),
  appID
);

[junhui75165]

如要要做多页面缓存的话，子应用之间的数据要缓存起来怎么做好些

[Boelroy]

可以通过在宿主里面做个缓存池，然后通过 应用和宿主的通行 做数据的缓存。 比如在 应用写在的时候通过 事件通信 的方式存一下状态，然后在应用加载的时候 宿主 通过 props 注入 之前 子应用保存的状态