突出显示复杂React页面中的单个按钮实例

Question

我的页面由类的层次结构和许多可重用的组件组成。按钮组件的多个实例可以存在于页面中的任何位置，并且在单击时，它们会触发在公共侧栏列表组件中填充不同类型数据的操作。

要求是突出显示上次单击以加载该侧栏列表中的数据的按钮。当然，它还意味着从上一个按钮中删除突出显示。由于这些按钮可以存在于不同的组件中，因此我无法在一个父组件中管理状态。

我无法在纯React中找到解决方案。我不想使用jQuery而只是坚持使用React。注意我确实在应用程序中使用Redux，如果需要，可以使用Redux状态。

Answer 1

你绝对应该使用Redux。您需要在Redux中创建一个变量，只要发生需要您突出显示页面上按钮的操作，就会更新该变量。然后根据该变量对按钮使用条件样式。