美文网首页
七. React的上下文(Context)

七. React的上下文(Context)

作者: zewweb | 来源:发表于2018-05-09 16:22 被阅读0次

在某些场景下,想在整个组件数中传递数据,但却不想手动地在每一层传递属性。可以直接在React中使用强大的“context”API解决上述问题。

一. 为什么不推荐使用上下文(Context)

如果希望使用应用程序更加稳定,就不要使用上下文(context)。这只是一个实验性的API,并且可能在未来的React版本中移除。
相比于Context,更提倡使用Redux或者使用props和state。

二. 在生命周期方法中引用Context:

如果 contextTypes 在组件中定义,下列的生命周期方法将接受一个额外的参数, context 对象:

注意:
从 React 16 开始, componentDidUpdate 不再接收 prevContext 。

相关文章

  • 2018-08-08

    React 高级指南 React 新版上下文(context) context ?答:上下文(Context) 提...

  • React-深入探究Context(1)

    前言 React组件中的Context与Android中的Context类似,都可以理解为上下文。而React中的...

  • 七. React的上下文(Context)

    在某些场景下,想在整个组件数中传递数据,但却不想手动地在每一层传递属性。可以直接在React中使用强大的“cont...

  • 父子组件传值的方式

    父组件传值给子组件方式1、props2、context(高级用法)React的上下文-Context3、组件组合(...

  • React 之 Context API(一)

    一、前言 自从React v16.3.0起,React推出了一个新的东西“Context(上下文)”,其字面意思就...

  • React:context上下文

    React:context上下文 在react中,我们会遇到这么一个情况,如果爷爷想传东西给孙子,那么就需要这么做...

  • React.createContext

    Context被翻译为上下文,在React的官方文档中归类于高级部分,属于React的高级API,但官方并不建议在...

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

    前言 Context被翻译为上下文,在编程领域,这是一个经常会接触到的概念,React中也有。 在React的官方...

  • React Context新旧版本 学习总结

    前言 Context被翻译为上下文,在编程领域,这是一个经常会接触到的概念,React中也有。 在React的官方...

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

    前言 Context被翻译为上下文,在编程领域,这是一个经常会接触到的概念,React中也有。 在React的官方...

网友评论

      本文标题:七. React的上下文(Context)

      本文链接:https://www.haomeiwen.com/subject/mawnrftx.html