Ui = f(data)

本來按照這個公式，前端開發應該是非常愉悅的。最近發現有一些復雜度是因為現有的工具造成的，導致上面這個公式并不成立。

如果 data 不是一個瀏覽器的數據，而是數據庫里的數據。這個 Ui 是不能直接等于 f(data) 的，只能是 Ui = f(local_data)。這個 local data 就變成了一份需要手工維護的前端狀態。

如果 data 不是一個組件內的數據，而是其他組件的數據。這個就是所謂的兄弟組件通信之類的問題。很大程度也是因為，在我 render 的時候，我拿不到我想要的數據，Ui = f(my_data)。

如果 data 不是一個我們希望 react 管理的數據（因為性能原因）。https://www.react-spring.io/ 這樣的高性能動畫庫都是自己管理數據的。Animated Ui = f(animated_data)。在使用的時候也要在 react 管理的數據，和 react-spring 管理的數據之間實現同步。

react 狀態管理遠不遠不是一個解決了的問題。我希望的解決方案是

可以像使用瀏覽器本地數據一樣，渲染遠程獲取的數據

render 的時候可以用我這個組件的數據，也可以用 query 去查詢前端其他組件的數據

動畫的 Ui 和 React Ui 都是從同一份狀態渲染來的，只是兩個 renderer 而已。

總結

以上是生活随笔為你收集整理的react全局状态管理_react 状态管理的复杂度来源的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。