Bootstrap 4 tablist - переключение вкладок при нажатии - PullRequest
Новая
       37

Bootstrap 4 tablist - переключение вкладок при нажатии

1 голос
/ 14 июня 2019

Я работаю над React JS.

Я реализовал на странице вкладку начальной загрузки 4.

У меня также есть боковое меню, которое является еще одним компонентом. В меню есть три тега <Link />. Я хочу переключать вкладки, когда пользователь нажимает эти ссылки.

Мой список закладок: 

<div className="col-md-12">
            <ul className="nav nav-tabs responsive " role="tablist">
              <li className="nav-item">
                <a
                  className="nav-link active"
                  data-toggle="tab"
                  href="#home"
                  role="tab"
                >
                  Addresses
                </a>
              </li>
              <li className="nav-item">
                <a
                  className="nav-link"
                  data-toggle="tab"
                  href="#profile"
                  role="tab"
                >
                  Contact Details
                </a>
              </li>
              <li className="nav-item">
                <a
                  className="nav-link"
                  data-toggle="tab"
                  href="#messages"
                  role="tab"
                >
                  Relationships
                </a>
              </li>
            </ul>
          </div>

Мое меню: 

<div className="bg-menu-collapse py-2 collapse-inner">
            <Link className="collapse-item" to="//home tab">
              Addresses
            </Link>
            <Link className="collapse-item" to="//profile tab">
              Contact Details
            </Link>
            <Link className="collapse-item" to="//messages tab">
              Relationships
            </Link>
          </div>

Как мне этого добиться?

...