我可以在 React 的多个组件中使用 alt store 吗?
May I use alt stores in multiple components in react?
例如,在一个页面中,我想在许多组件中使用 UserStore。
这样使用可以吗?
如果组件是 UserComponent 的子组件,我必须在每个子组件中声明 {...props} 吗??还是可以在许多子组件中使用重复的覆盖注入?
如果组件不在UserComponent中,是否可以在多个组件中重复声明UserStore?
最佳做法是什么?
<Component1>
<UserComponent> < --- UserStore : get states to props
<Component1 />
<Component2>
<Component3>
<Component4>
<Component5 /> < --- UserStore : get states to props
</Component4>
</Component3>
</UserComponent>
</Component1>
<Component6>
<Component7></Component7> < --- UserStore : get states to props
</Component6>
这里有很多思路。我承认我没有使用过 alt.js,所以可能有一些我没有解决的自以为是的方面。
也就是说;
FB's Flux Documentation 建议对此进行最佳实践。他们的架构建议是使用两类组件;容器和视图。
容器与商店交互以收集数据,并且不接收任何道具。他们没有视图逻辑,他们将商店数据作为道具传递给 child 视图。
视图将所有信息作为道具传递(无商店通信)。
所以是的,您可以将这些值作为道具从 child 传递到 child。但是您 可以 有多个容器从商店中提取相同的信息。重要的是 Container 应该不知道自己的位置和地点,完全不知道自己的 parents 是谁。
例如,在一个页面中,我想在许多组件中使用 UserStore。 这样使用可以吗?
如果组件是 UserComponent 的子组件,我必须在每个子组件中声明 {...props} 吗??还是可以在许多子组件中使用重复的覆盖注入?
如果组件不在UserComponent中,是否可以在多个组件中重复声明UserStore?
最佳做法是什么?
<Component1>
<UserComponent> < --- UserStore : get states to props
<Component1 />
<Component2>
<Component3>
<Component4>
<Component5 /> < --- UserStore : get states to props
</Component4>
</Component3>
</UserComponent>
</Component1>
<Component6>
<Component7></Component7> < --- UserStore : get states to props
</Component6>
这里有很多思路。我承认我没有使用过 alt.js,所以可能有一些我没有解决的自以为是的方面。
也就是说;
FB's Flux Documentation 建议对此进行最佳实践。他们的架构建议是使用两类组件;容器和视图。
容器与商店交互以收集数据,并且不接收任何道具。他们没有视图逻辑,他们将商店数据作为道具传递给 child 视图。
视图将所有信息作为道具传递(无商店通信)。
所以是的,您可以将这些值作为道具从 child 传递到 child。但是您 可以 有多个容器从商店中提取相同的信息。重要的是 Container 应该不知道自己的位置和地点,完全不知道自己的 parents 是谁。