Javascript 将组件传递到redux存储

Javascript 将组件传递到redux存储,javascript,reactjs,redux,Javascript,Reactjs,Redux,我正在尝试构建一个具有多个屏幕的应用程序。这些屏幕中的每一个都可能有一个唯一的侧栏组件与之关联,因此我决定构建一个通用的侧栏HOC,并将基于屏幕的侧栏组件传递给这个HOC,但我不知道如何实现它。我想也许我可以通过某种方式将整个组件传递到redux存储,然后HOC将能够让该组件在其内部呈现,但我不认为/知道这是否可能(通过谷歌搜索“将组件传递到redux存储”总是返回“将redux存储传递到组件”的结果)。如果有人能带我来,我会很感激的,我完全迷路了。。 谢谢这就是使用组件的目的:不要重复自己。你

我正在尝试构建一个具有多个屏幕的应用程序。这些屏幕中的每一个都可能有一个唯一的侧栏组件与之关联,因此我决定构建一个通用的侧栏HOC,并将基于屏幕的侧栏组件传递给这个HOC,但我不知道如何实现它。我想也许我可以通过某种方式将整个组件传递到redux存储,然后HOC将能够让该组件在其内部呈现,但我不认为/知道这是否可能(通过谷歌搜索“将组件传递到redux存储”总是返回“将redux存储传递到组件”的结果)。如果有人能带我来,我会很感激的,我完全迷路了。。
谢谢

这就是使用组件的目的:不要重复自己。你不需要重做。如果您这样做:

const App = () => {
  return (
    <>
      <Header />
      <YourViewOrRoutes />
    </>
  )
}
const-App=()=>{
返回(
)
}

然后,您的标题将在所有页面中可用。您可以对
组件执行同样的操作,它可能需要一个孩子作为您的屏幕,因此您可以轻松地将他们并排放置。

您是对的,redux不存储组件。请在您的问题中添加您正在使用的相关代码。你应该能够从导入的任何位置调用你的HOC。问题是,该元素不是静态组件,而是基于应用程序的活动页面,将动态注入其他组件。那么,你为什么不在应用商店中处理该条件呢?然后根据这种情况显示或不显示侧边栏?这不是一个怪兽项目,我认为它会更容易处理