时间戳

首页 > 解决方案 > 使用 React Router Dom 和 Redux 打开多个页面

javascript - 使用 React Router Dom 和 Redux 打开多个页面

问题描述

当我单击“Box”组件时，我需要创建一个在新选项卡中打开多个路由的链接。我正在使用 Redux 那是我正在关注的模板，但我被卡住了，因为它似乎不是在新选项卡中打开的持久状态（包含身份验证数据）。

const onClickBox = () => {
   onClickPageOne();
   onClickPageTwo();
}

const onClickPageOne = () => {
   dispatch(actions.fetchDataPageOne)
}

const onClickPageTwo = () => {
   dispatch(actions.fetchDataPageTwo)
}

return (
   <>
      <Box
         onClick = {onClickBox }
      >
         Click me!
      </Box>
   </>
)

我尝试通过 react-router-dom 使用 Link 组件，但两个页面只需要一个链接，所以我不知道在 'to' 属性中放置什么。我尝试在 onClickBox 函数中使用重定向，但我不知道如何告诉他在新页面中打开。

标签： javascriptreactjsreduxreact-routerreact-router-dom

解决方案

您只能使用单个函数从那里分派这两个动作

推荐阅读