React中上下文传值的使用。

2023-02-02 10:01:55
在典型的React应用中,数据通过prpos自上而下传递,但是对于某些类型的props,比如主题或者首选语言等,这样层层嵌套的传递比较麻烦,中间的组件可能用不到这些props,这时候使用上下文(Context)不失为一种好的选择。 Context旨在共享一个组件树内可视为“全局”的数据,使用context可以避免通过中间元素传递props。 每个Context对象都附带一个Provider组件,后代的使用组件(Consumer)可以订阅context的改变。 provider组件通过value属性传递给使用的组件。每当value属性发生变化的时候,所有后代的使用组件都将重新渲染。