如何在 react-redux-form 应用程序中构建一个简单的 SELECT 表单元素？

Question

我正在构建一个 react-redux、redux-form 应用程序。我将有一个页面，我想在其中呈现一个 SELECT 框，该框从服务器动态拉取选项列表。我的问题是如何在 react-redux 应用程序中构建这个简单的表单。

这个 SELECT 表单元素应该由 react-redux-form 驱动吗？我应该使用 redux/reducers 来查询和存储将为下拉选项提供动力的状态吗？还是说太过分了？

Answer 1

如果您的选择框是大型表单的一部分，即已提交、甚至可能经过验证并发送到服务器，请使用redux-form。

如果您的选择框只是为了过滤列表等目的而选择单个值的一种方式，redux-form 是多余的，如果没有你会更好。使用组件状态来密切关注选择了哪个选项，但将从服务器获取的选项存储在 redux 存储中。