Передайте маршруты React как опору другому компоненту и выведите компонент наружу.

Question

Я пытаюсь использовать значок только в нескольких маршрутах своего приложения, сейчас оно работает, но дублирует его содержимое на определенных страницах, и я повторяюсь. Я думаю, что я могу отправить реквизиты из моих маршрутов. js файл в мой файл компонента, чтобы он рендерил компонент на определенных маршрутах более аккуратно.

Это пример кода маршрутов. js file

<Route>
                <Root>
                    <Switch>
                        <Redirect
                            exact
                            from="/"
                            to="/admin"
                        />

                        <Route
                            exact
                            path="/admin"
                            component={Admin}
                        />

                        <Route
                            exact
                            path="/admin/new"
                            component={AdminEdit}
                        />

                        <Route
                            exact
                            path="/admin/:id"
                            component={AdminEdit}
                        />

                        <Route
                            exact
                            path="/admin-setting/:id"
                            component={AdmintSetting}
                        />
                    </Switch>
                </Root>
            </Route>

И это фрагмент кода, который у меня сейчас есть в моем компоненте

 <Route
       path="/admin/new"
       render={() => <AlarmIcon />}
 />
 <Route
       exact
       path="/admin/:id"
       render={() => <AlarmIcon />}
 />
 <Route
       exact
       path="/admin-setting"
       render={() => <AlarmIcon />}
 />

Если только нет способа сделать это более простым способом, чем я весь слух.