React + Redux - 如何在表单组件中处理CRUD的最佳方法?

6 浏览
0 Comments

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

有没有一个最好的结构,只需要一个组件来处理表单的不同状态?

你有什么建议、教程、视频、演示可以分享吗?

0