我想知道如何解决该问题：我有一个包含以下组件的React应用： -顶栏 -内容（本身包含不同的组件：topic1.js，topic2.js ...） -页脚
顶部栏是“固定的”，您可以在页面顶部永久看到它（例如，在stackoverflow.com中它在此处）。不同的内容组件具有不同的背景色（让我们假设是深色和亮色）。现在，当我向下滚动页面时，我想根据其背后的当前颜色来更改顶部栏的颜色。 例如。顶部栏位于内容组件的上方，该组件具有深色，因此也应将其颜色更改为该深色组件，以使其完全适合当前内容。我添加了两张图片来说明我的意思（image_bright和image_dark）。您会看到顶部的栏包含指向不同主题的链接，并且其与背景颜色完美匹配。最简单的方法是什么？内容组件位于完全不同的层次结构级别，因此我无法直接访问它们。也许与提及我正在使用material-ui有关。 有人知道吗？
感谢您的帮助：）
