我可以在React和Redux中发送一个没有动作创建者和还原器的AJAX调用吗？

Question

为了简化我的场景，我基本上有一个redux状态的对象列表。我使用一个表单向数据库发布一个新对象，在成功发布后，我将重定向到列表页面，在那里发送GET请求，获取列表，并更新状态。

发布新对象的AJAX调用并不直接操作我的状态。

与我一起工作的团队正在经历完整的3步redux异步步骤，即:'fetch_requested'、'fetch_success'、'fetch_fail'以及所有AJAX请求的相应精简器，添加更多精简器是一个很大的麻烦，而且精简器似乎没有意义。

Answer 1

您绝对可以直接从组件发送AJAX调用！

Redux是一种工具，用于使共享状态全局地对多个组件可用，并以可预测的方式进行更改。在任何情况下，如果你觉得没有必要这样做，就不要这样做。

当不同组件发出相同的API请求，然后以类似的方式更改状态时，将AJAX调用保存在action creators中非常方便。如果您希望避免在已经有一些可用的缓存数据时触发请求，并且希望将此类检查保存在单个位置而不是分散在各个组件中，那么这也很方便。

一般来说，当您有许多复杂的组件时，可以考虑将代码重构为Redux（和Flux）；不是每个组件都应该用什么开始。您可以只使用它需要的部分（例如，只使用同步内容），甚至在某些情况下完全避免使用它（例如，可折叠面板不必将其状态存储在存储区中）。只有当你了解它在特定情况下给你带来的具体好处时才使用它，不要“以防万一”或因为它受欢迎而使用它。

另请参阅我对“如何使用超时分派Redux操作？”的回答。

为了解决您的具体示例，如果您使用Redux给您的好处，那么您可能希望为此使用Redux：可能您调度一个操作以乐观地更新表单并立即显示新列表，并在它可用时将它与获取的列表合并，以便交互立即出现。这是异步操作创建者的用例。如果您不考虑这种UX复杂性，我不确定Redux是否有必要。