从redux动作导航

时间:2020-03-24 15:09:22

标签: reactjs redux react-toastify

我正在使用react-toastify来显示redux操作中的下载进度。

您知道为什么在redux操作中单击烤面包机时我无法导航吗?
根据此documentaion,它应该可以工作。

我使用的是React Router v5,我想在单击烤面包机时导航到游戏页面。

import history from '../../router/history';

export const downloadProgress = payload => {
  const { percentage, titleId } = payload;
  const toastProgress = percentage / 100;

  toast.update(titleId, {
    progress: toastProgress,
    autoClose: false,
    onClick: () => {
      console.log('clicked') // this works
      history.push(`/product/${titleId}`)  // this doesn't work
    },
  });
  return {
    type: 'DOWNLOAD_PROGRESS',
    payload,
  };
};

history.js

import createHistory from 'history/createBrowserHistory';
export default createHistory();

0 个答案:

没有答案
相关问题