javascript - 我可以分发一个使用 redux 的 React 组件吗？

Question

我正在制作一个大组件，它将采用一个大型标准化对象并显示它。我将在主要分布式组件中拥有许多子组件，并且我不想通过在整个链中输入 props 来使其变得丑陋......

const User = ({ user }) => {
  return (
    <BasicInfo
      name={user.basic.name}
      tagline={user.basic.tagline}
      email={user.basic.email}
      ...more props
    >
    <OtherInfo
      infoprops={info}
      ...long list of props
    >
  )
}

这最终会是一个很长的 props 列表，可能有 3 或 4 层深度，我真的不想手动跟踪正在传递的内容......

我习惯了使用 redux，所以我可以做类似 connect() 的事情，但是我可以在这里将 redux 与分布式组件一起使用吗？我的一个组件的状态是否会与最终用户 redux 分开(如果他们甚至使用 redux)？

这是否明智？也许有比使用 redux 更好的方法？谢谢

Answer 1

我认为使用 redux 来使组件可重用不是一个好主意，因为 redux 基于整个应用程序的单个存储，因此，如果您创建一个存储，应用程序将无法创建自己的存储.

鉴于此，我确实认为您可以使用 Singleton 模式创建自定义商店(就像您通常对 Android 所做的那样)，而不必强制您的可能用户将 redux 添加到他们的项目中只是为了使用您的组件。

如果不了解您的组件层次结构或行为，我无法为您提供更多指导。