我正在使用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();