Я хотел бы использовать вкладку для переключения страницы в моем проекте. В проекте используются реактивный и редукторный реакторы

Question

https://material-ui.com/components/tabs/

Я использую реактив - избыточный. 1009 * при нажатии на вкладку

<TabPanel value={value} index={0}>
  Item One
</TabPanel>

Как мне его оформить?

        <TabPanel value={value} index={0}></TabPanel>
        <Route
            exact
            path="/pageA"
            component={PageAContainer}
          ></Route>
        <TabPanel value={value} index={1}>
          aaa
          {props.moveToPageB()}
          {/*<Route exact path="/pageB" component={PageBContainer}></Route> */}
        </TabPanel>

Answer 1

Создание основного макета, например:

<header> your tabs </header>   
//pass your routes here 
 <Switch>
  <Route></Route>  
  <Route></Route>  
<Switch/>

Заголовок содержит несколько вкладок, а вкладка содержит ссылку на определенный маршрут, например

   <TabPanel value={value} index={0}>
    <Link to="YOUR_ROUTE_NAME">
     Item One
    </Link>
   </TabPanel>

Таким образом, мы можем получить доступ к нашим ссылкам в заголовке и нашем макете будет меняться в соответствии с нашей вкладкой нажмите

Answer 2

Вы можете использовать ссылку из пакета «Реакция роутера». Таким образом, в вашей вкладке вы можете добавить код ниже

<TabPanel value={value} index={0}>
  <Link to="/pageA">Page A</Link>
</TabPanel>