Reactjs 处理导航项目选择的最佳方法是什么？

我正在为我的一个应用程序使用React+Redux。我想要一个导航，有两个导航项目。我想根据用户操作处理导航项目的更改

我正计划使用我的redux应用商店来处理此更改。这是一个好方法还是请指导我找到更好的解决方案。我是这方面的初学者

我的导航会像这样

<Nav {...props} activeKey={active} onSelect={onSelect} style={styles} appearance="subtle" justified>
    <Nav.Item eventKey="nav-1">
        Nav 1
    </Nav.Item>
    <Nav.Item eventKey="nav-2" >
        Nav 2
    </Nav.Item>
</Nav>

const initialState = {
    selectedNav: 'nav-1'
};

---

是的，我认为您的方法是正确的，但是导航1和导航2不必知道父组件的状态

• 将redux状态作为道具传递给父导航，然后从元素道具渲染选定的导航

{props.selectedNav==='nav-1'&&(
导航1
)}
{props.selectedNav==='nav-2'&&(
导航2
)}

并对用户交互进行全局操作，以更改活动中堂

注: 通过将Nav 1和Nav 2包装到开关组件中并渲染活动组件，可以采用另一种方法来获得更清晰的代码