Как вы комбинируете ссылку «Реакция-маршрутизатор» с вкладками «Реакцию-загрузку»? - PullRequest
Новая
       33

Как вы комбинируете ссылку «Реакция-маршрутизатор» с вкладками «Реакцию-загрузку»?

1 голос
/ 18 октября 2019

Я пытаюсь включить Link в React-Bootstrap вкладки, но я не могу достичь своей цели, может кто-нибудь, пожалуйста, поможет мне, как решить эту проблему. На самом деле я использую react-bootstrap вкладки. здесь я хочу включить react-router-dom для перехода на вкладки. Here you can click on Image to show current tabs

Вы можете увидеть другой контент, такой как Video Insight , Device Insight, и ниже этого контента вы найдете see more, например, здесь, если пользователь нажимает на кнопку «увидеть больше», то я хочу открытьuser Insights вкладок (которые упоминаются во вкладках). Пожалуйста, помогите мне, я действительно застрял.

Код 

<Tabs defaultActiveKey="home" id="uncontrolled-tab-example">
              <Tab
                eventKey="home"
                title={
                  <span>
                    <i
                      className="fa fa-table"
                      style={{ marginRight: "10px" }}
                    />
                    Channel Summary
                  </span>
                }
              >
                <ChannelDashboard />
              </Tab>

  <Tab
                eventKey="device"
                title={
                  <span>
                    <i
                      className="fa fa-table"
                      style={{ marginRight: "10px" }}
                    />
                    Device Insight
                  </span>
                }
              >
                <ChannelDashboard />
              </Tab>

  <Tab
                eventKey="geo"
                title={
                  <span>
                    <i
                      className="fa fa-table"
                      style={{ marginRight: "10px" }}
                    />
                     Geo Insight
                  </span>
                }
              >
                <ChannelDashboard />
              </Tab>

  <Tab
                eventKey="photo"
                title={
                  <span>
                    <i
                      className="fa fa-table"
                      style={{ marginRight: "10px" }}
                    />
                     Photo Insight
                  </span>
                }
              >
                <ChannelDashboard />
              </Tab>

  <Tab
                eventKey="user"
                title={
                  <span>
                    <i
                      className="fa fa-table"
                      style={{ marginRight: "10px" }}
                    />
                     User Insight
                  </span>
                }
              >
                <ChannelDashboard />
              </Tab>
  <Tab
                eventKey="video"
                title={
                  <span>
                    <i
                      className="fa fa-table"
                      style={{ marginRight: "10px" }}
                    />
                    Video Insights
                  </span>
                }
              >
                <ChannelDashboard />
              </Tab>

</Tabs>
...