Provider 组件

Provider 组件在外层定义,核心结构如下:

<Router>
  {' '}
  {/* 路由的 Context Provider */}
  <ProviderA>
    <ProviderB>
      {/* 其他自定义 Provider 组件 - 开始标签 */}
      <Routes />
      {/* 其他自定义 Provider 组件 - 结束标签 */}
    </ProviderB>
  </ProviderA>
</Router>

因为定义在外层,所以 Provider 组件的用处有:

  • 提供全局共享的上下文(Context),需要渲染 props.children
  • 提供全局内容展示,需要渲染 props.children
  • 拦截作用,根据条件渲染 props.children
本站总访问量  次     本站访客数  人次     本文总阅读量  次   Powered by Tego Team