当前位置: 首页 > 网络应用技术

React框架|超详细上下文API使用指南

时间:2023-03-05 23:14:30 网络应用技术

  在React框架中,上下文提供了一种可以在组件树之间传输的方法,而无需手动向每个层组件添加道具。

  最近研究React Hook,其中一些谈论了UseContext的应用,并简单地整理了整个上下文的API。

  本文中使用的React版本基于V17.0.2。

  该类组件使用上下文中的上下文中的上下文组件中的上下文,该组件主要关注如何创建上下文对象以及使用提供商容器和消费者组件的使用。

  API描述的示例

  请注意,在函数组件挂钩的钩子中,在usecontext的钩子中使用usecontext。上下文的提供商仍然需要在父元素中创建提供商组件,因为诸如类之类的父元素。您可以获取由父元素设置的上下文值。

  只有一个API,也就是说,usecontext。所使用的预防措施是usecontext(上下文)。上下文是由CreateContext方法返回的上下文对象。可以直接使用消费者值,而无需渲染函数组件。

  上下文在React-Redux中的应用不会引入React-Redux的使用,而仅引入React-Redux中上下文的应用。

  下载React-Redux源代码后,搜索关键字提供商和消费者以查看应用程序地点。在React-Redux本身原理的深度分析中,然后考虑深入分析。

  // ...省略一些代码

  && / @ts-impnore isContextConsumer()?propScontext:上下文},[propScontext,context])

  // ...省略一些代码

  // ...省略一些代码

  

  // ...省略一些代码}

  // ...省略一些代码

  这项工作使用知识共享签名 - 共享4.0国际许可协议以获得许可的方式。