当状态改变时，反应上下文如何影响包装元素？
How does the react context effect the wrapped element when state is changed?
我有一个示例，其中 HTML header 元素用反应上下文包裹在这里：code sandbox example。如果 h1 用上下文解包，则 css 转换适用，但如果它用上下文包装，则转换不适用。我猜它与 re-render 有关，但我正试图找出其行为方式的原因。任何帮助将不胜感激。
这真的很奇怪，我不确定原因，但一个解决方案是您可以使用纯 CSS 来做到这一点，这是我从您的沙箱中派生的解决方案：solution sandbox
更新：
我在这里找到了真正的问题，您在组件中定义了上下文，这是不正确的。将其移出组件可解决您的问题：non-css solution
我有一个示例，其中 HTML header 元素用反应上下文包裹在这里：code sandbox example。如果 h1 用上下文解包，则 css 转换适用，但如果它用上下文包装，则转换不适用。我猜它与 re-render 有关，但我正试图找出其行为方式的原因。任何帮助将不胜感激。
这真的很奇怪，我不确定原因，但一个解决方案是您可以使用纯 CSS 来做到这一点，这是我从您的沙箱中派生的解决方案：solution sandbox
更新：
我在这里找到了真正的问题，您在组件中定义了上下文，这是不正确的。将其移出组件可解决您的问题：non-css solution