防止组件直接访问应用程序上下文!
React 中组件的概念是基于重用。 理想的组件应该可以在任何应用程序中工作,无需修改。组件库就是一个完美的例子:它们提供高度可定制的部件。
虽然我们还没有达到这种复杂程度,但我们可以创建可在应用程序之间轻松传输的可重用组件。关键在于适当的设计策略,保护我们的组件免受当前应用程序的上下文和业务规则的特殊性的影响。
此策略称为上下文包装器。 它包括将上下文隔离在需要它的组件之上一层,并通过 props.
传递数据。通过这种方式,可以避免在组件迁移过程中出现的常见问题,即我们通常需要修改组件或目标应用程序的上下文。通过这种方法,我们只需复制组件并使用它,提供必要的 props.
我们承认 Context Wrapper 不是最优雅的解决方案,因为它可以生成组件子类,如果管理不当,可能会使开发变得复杂。 我们将在未来的出版物中讨论这个主题。
以上是React 上下文包装器的详细内容。更多信息请关注PHP中文网其他相关文章!