设计redux状态树

Question

我目前正在学习Redux,我或多或少地掌握了基本概念.我理解如何使用动作和减速器以及所有这些.我正在努力的是理解如何正确设计状态树.我了解应该/不应该在应用程序状态中存储的内容的详细信息,何时可以使用组件状态,处理状态更改的最佳方法等.

是否有任何好的教程或博客,任何人都可以推荐,以了解设计国家的最佳做法？

Answer 1

对此，有很多不同的意见。这就是我所做的。

1. Reducers - 保存处理我的数据模型的东西（通常是数据库中的任何东西），需要保存和稍后使用或跨组件使用

2. LocalState (react setState) - 在与用户输入和交互相关的单个组件中处理 ui 元素

因此，如果我正在模拟对这个问题的回答。Redux 商店会有

store = {
  session: { token: 'randomUid' }
  user: { name: 'Austio' }
  question: { id: 37288070 }
}

当我选择文本框来输入值以创建此问题的答案时，将从该框中处理输入，这将设置 answerText 的状态。

当表单的 handleSubmit 是什么时候，我会根据成功发送类似 NEW_ANSWER 的带有 questionId 和答案的东西，这样我就可以将它存储在商店中，以便在我需要的任何地方使用。

我最好的建议是刚开始编程，如果没有它，使用 redux/react 很难找到你偏好的边缘。