React中ContextProviderConsumer如何传参？

本文共计1173个文字，预计阅读时间需要5分钟。

目录 + Context/Provider/Consumer使用 + Context使用 + 使用context向后代组件传参 + Context/Provider/Consumer使用 + React Context API使用较少，直接使用较为模糊，如何使用？ + 最近在看antd项目的源码时，发现...

目录

• Context/Provider/Consumer传参使用
• Context
• 使用context向后代组件传参

Context/Provider/Consumer传参使用

react context这个api很少用到,所以一直不太清楚如何使用,最近在看antd的项目源码时,发现在组件中有类似Template.Comsumer的写法,一时没反应过来,本着碰到不懂得都要追根究底的原则,下面好好学习一下,Context这个api的使用

Context

作用

上下文(Context) 提供了一种通过组件树传递数据的方法，无需在每个级别手动传递 props 属性。