Как сделать переадресацию на конкретный таб?

Question

[Влад Каракай]

Нужно через линк в header'е сделать переход на странницу с конкретным активным табом, но я не знаю как это правильно сделать.

import React from "react";
import '../../../css/mainStyles.css';
import '../../../css/myPage.css';

import { Container, Row, Tabs, Tab } from 'react-bootstrap';

import MyAds from "./MyAds";
import MyReviews from "./MyReviews";
import MyFavorite from "./MyFavorite";
import MySettings from "./MySettings";

function ProfileTabs() {
    return (
        <Container className="TabsContainer">
            <Row className="tabs_row">
                <Tabs className="tabs_box" justify variant="pills" defaultActiveKey="Ads">
                    <Tab eventKey="Ads" title="Мої оголошення">
                        <MyAds />
                    </Tab>
                    <Tab eventKey="Reviews" title="Мої відгуки">
                        <MyReviews />
                    </Tab>
                    <Tab eventKey="Favorite" title="Бажане">
                        <MyFavorite />
                    </Tab>
                    <Tab eventKey="Settings" title="Налаштування">
                        <MySettings />
                    </Tab>
                </Tabs>
            </Row>
        </Container>
    );
}

export default ProfileTabs;

Comments

[Вадим]

Считывайте query параметр из урла и активируйте соответствующий таб.
Типа site.com?tab=ads