所以我已经搜索了解决方案，但似乎找不到适合我正在做的事情的解决方案。这是我网站的结构：
如您所见，我在路由器之外有我的“NavBar”组件，因为我总是希望它被渲染。但是我在导航栏上有一个暗模式切换，当我点击它时，我希望它更新图表组件的刷新（它是一个 react-chartjs-2 图表）。
我知道您可以使用 setState(); 重新渲染，但是当我运行其中的 onClick(); 函数时，如何告诉图表组件从导航栏执行此操作？
【问题讨论】：
标签： javascript reactjs chart.js react-chartjs
对于一个组件要触发兄弟组件或兄弟组件的子组件的重新渲染，它们必须触发某些共享父组件的重新渲染。在这种情况下，所有组件都成为单个根组件的子组件是有意义的，因为主题应该在整个项目中保持一致，除非您有一些特定的用例。
可能最简单的方法是从最顶层组件传入回调setTheme 以及theme 属性。在setTheme 回调中，您应该调用最顶层父组件的setState，这将触发使用新主题重新渲染每个子组件。
查看here 了解如何更改 React 组件主题的更详细说明。
【讨论】：
theme 状态。
this.setState(this.state);，但它没有重新加载图表对象。我通过在图表组件中尝试console.log() 对此进行了测试，但它仅从初始加载中获取输出。如果这是我犯的一个简单错误或误解，我深表歉意，感谢您的帮助。
theme 属性？如果他们不这样做，则不会为他们更新任何状态，并且 DOM 的整个分支将在重新渲染中被忽略并保持不变
this.setState(this.state);，它再次位于 Views.jsx 中。