如何将上下文数据公开给特定路由答案

【问题标题】：How to expose context data to specific routes如何将上下文数据公开给特定路由
【发布时间】：2019-07-29 10:16:24
【问题描述】：

我正在使用带有上下文 API 的反应钩子在多个组件之间共享数据并使用到达路由器进行路由。我的代码如下所示：

function App() {
 return (
  <div className="App">
   <ContextProvider>
    <Router>
      <Comp1 path='/comp1' >
        <Comp2 path="/"/>
      </Comp1>
      <Comp3 path="/comp3" />
    </Router>
   </ContextProvider>
 </div>
);
}

在此示例中，ContextProvider 公开的任何数据都将可供所有组件使用。我的问题是，我怎样才能只将上下文暴露给 Comp3 而不是 Comp1 和 Comp2？

注意：我使用的是到达路由器。

【问题讨论】：

标签： reactjs react-router react-context reach-router

【解决方案1】：

@Tien Duong，我们和你的想法一样。但事实证明，到达路由器内部通过将组件映射到配置为呈现它们的位置来工作，它甚至不需要 div

有趣的是客户端路由它是如何形成的，他们还说他们会将一些路由道具传递给映射到该位置的组件。

这就像打开你的房子让任何人进入。在这种情况下，隔离在哪里。

【讨论】：