我可以在多個組件中使用alt存儲嗎？

Question

例如，在一頁中，我要在許多組件中使用UserStore。 可以那樣使用嗎？

1. 如果組件是UserComponent的子組件，我是否必須在每個子組件中聲明{... props}？ 還是可以在許多子組件中使用重復的疊加注入？

2. 如果組件超出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>

Answer 1

這里有很多思路。 我承認我還沒有使用過alt.js，因此可能有些觀點我沒有解決。

那就是

FB的助焊劑文檔建議了一種最佳做法。 他們的體系結構建議是使用兩類組件。 容器和視圖。

容器與商店進行交互以收集數據，並且不接收任何道具。 它們沒有視圖邏輯，並且將存儲數據作為道具傳遞給子視圖。

視圖將其所有信息作為道具傳遞（沒有商店通信）。

所以是的，您可以將這些值作為道具從一個孩子傳到另一個孩子。 但是，您可以有多個容器從存儲中提取相同的信息。 重要的是，容器應該與自己的位置和位置無關，而完全不知道自己的父母是誰。