1

我有一个有两个选项卡的 /home 路由，在提交表单（我使用 Formik）后，我想将用户重定向到同一路由中的第一个选项卡。所以基本上

 onSubmit: (values) => {
  dispatch(actions.userAdded(values));
  history.push(`/home`); // ??
},

行不通。什么是最好的解决方案？

我正在使用 MUI 基本选项卡模型。

 <AppBar position="static" color="default"> 
    <Tabs
      value={value}
      onChange={handleChange}
      indicatorColor="primary"
      textColor="primary"
      variant="fullWidth"
      aria-label="Rules"
    >
      <Tab label="Your Rules" {...a11yProps(0)} />
      <Tab label="Add New Rule" {...a11yProps(1)} />
    </Tabs>
  </AppBar>
  <SwipeableViews
    axis={theme.direction === 'rtl' ? 'x-reverse' : 'x'}
    index={value}
    onChangeIndex={handleChangeIndex}
  >
    <TabPanel value={value} index={0} dir={theme.direction}>
      <DisplayUsers /> // I WANT TO GO HERE AFTER SUBMITION
    </TabPanel>
    <TabPanel value={value} index={1} dir={theme.direction}>
    <AddUsers />  // HERE I HAVE FORM 
    </TabPanel>
  </SwipeableViews>
4

0 回答 0