react路由配合sidebar的问题

#1

现在有一些页面，涉及到左侧导航栏，但是不同的页面左侧的也不一样

const Sidbar1 = ({children}) => {...}
const Sidbar2 = ({children}) => {...}

const routes = () => {

    return (
        <Switch>
            <Sidebar1>
                <Route path="/home" />
                 ....
            </Sidebar1>
            <Sidebar2>
                <Route path="/project" />
                 ....
            </Sidebar2>
        </Switch>
    )
}

我知道Sidebar可以写到组件中，但是如果想像如上的同时复用，该如何实现