reactjs - React Redux 中实体列表的 CRUD 操作

标签 reactjs redux redux-form

我想知道在 实体列表的情况下,在 React Redux 中实现 CRUD 操作的最佳方法是什么。

要求:
1. 每行包含一个实体
2. 更改文本输入中的值会触发对 BE
的 PUT 调用 3. 每行都有删除操作触发对BE的DELETE调用
4. 表单有一个 ADD 操作触发对 BE

的 POST 调用

注释:
1.没有单一的提交按钮

我想到了Redux Form为此,但由于我没有一个提交操作,我发现它不太合适(请随时纠正我)

enter image description here

最佳答案

您可以使用 Redux Form 来实现这一点。如果您为表单设置验证器,则可以定义一个字段是否依赖于另一个字段。 Redux Form 将为任何字段中的每个更改运行此验证器。

您可以设置 Redux Observable 或 Redux Thunk 之类的东西,以便在表单中没有验证错误时通过 Redux Form 的 CHANGE 操作提交表单。

这样,只有所有相关字段都已填写时,您才会提交更改表单。

关于reactjs - React Redux 中实体列表的 CRUD 操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45875036/

相关文章:

reactjs - 如何使用 Redux-form 从复选框获取值?

javascript - 使用 Jest 对 React 组件进行单元测试时如何模拟子组件

javascript - React Router 别名命名路由

javascript - react 警告 : Cannot update a component from inside the function body of a different component

javascript - 将 Dispatch 传递给 onClick 事件 Redux

reactjs - Redux 表单验证在加载时触发(UPDATE_SYNC_ERRORS)

javascript - 在 React Js 中设置状态

reactjs - Redux Store 不获取图像文件

reactjs - TypeScript 连接 React-Redux 装饰器和有状态组件

ReduxForm : passing initialValues from mapStatetoProps