终极版。我如何将容器嵌入组件中，显式地将商店传递给道具？

Question

我有下一个React Redux JSX标记：

＆＃13;

＆＃13;

<Connect(JobsComponent)>
  <JobsComponent>
    <div>
      <WrapperCustomDumpArrowFunctionComponent>
        <CustomDumpArrowFunctionComponent>
          {
            someCondition ?
              <Connect(WorkflowContainer) someProp="someData" /> :
              null
          }
        </CustomDumpArrowFunctionComponent>
      </WrapperCustomDumpArrowFunctionComponent>
    </div>
  </JobsComponent>
</Connect(JobsComponent)>

＆＃13;

＆＃13;

＆＃13;

其中Connect(...)节点是使用redux connect函数创建的容器。

其他的简单DOM组件或使用props（({ props }) => (<div>{props}</div>)）渲染的简单箭头组件。

同样Connect(JobsComponent)最后一个元素，它在上下文中包含store。

因此，当条件成立时，会收到错误：

  

未捕获（承诺）错误：找不到＆＃34;存储＆＃34;在＆＃34; Connect（WorkflowsContainer）＆＃34;的上下文或道具中。将根组件包装在a中，或者显式传递＆＃34;存储＆＃34;作为＆＃34; Connect（WorkflowsContainer）＆＃34;的支柱。

如何避免此问题或明确将商店传递给WorkflowsContainer？

反应15.4.2 Redux 3.6.0 附： <{3}}中的所有内容都已涵盖并存在。