React + Redux - 如何在表单组件中处理CRUD的最佳方法?
- 论坛
- React + Redux - 如何在表单组件中处理CRUD的最佳方法?
6 浏览
React + Redux - 如何在表单组件中处理CRUD的最佳方法?
我有一个用于创建、读取、更新和删除的表单。我创建了3个组件,使用相同的表单,但传递给它们不同的props。我有CreateForm.js、ViewForm.js(只读模式带有删除按钮)和UpdateForm.js。
我过去使用PHP工作,所以我总是在一个表单中完成这些操作。
我使用React和Redux来管理状态。
当我在CreateForm组件中时,我传递给我的子组件这个props createForm={true}
,以便不填充输入框的值并禁用它们。在我的ViewForm组件中,我传递这个props readonly="readonly"
。
我还有另一个问题,一个填充了值但不能更新的文本区域。 React textarea with value is readonly but need to be updated
有没有一个最好的结构,只需要一个组件来处理表单的不同状态?
你有什么建议、教程、视频、演示可以分享吗?