前言Context被翻译为上下文,在编程领域,这是一个经常会接触到的概念,React中也有。在React的官方文档中,Context被归类为高级部分,属于React的高级API,但官方并不建议在稳定版的App中使用Context。不过,这并非意味着我们不需要关注Context。对于面向函数的无状态组件,可以通过函数的参数直接访问组件的Context。假如以JS的作用域链作为类比,React组件提供的Context对象其实就好比一个提供给子组件访问的作用域,而Context对象的属性可以看成作用域上的活动对象。我们需要关注Context的可控性和影响范围。在我们平时的开发中,用到作用域或者上下文的场景是很常见,很自然,甚至是无感知的,然而,在React中使用Context并不是那么容易。

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用

聊一聊我对 React Context 的理解以及应用