React + Redux-在表单组件中处理CRUD的最佳方法是什么?

我得到了一种用于创建,读取,更新和删除的表单。我用相同的形式创建了3个组件,但是我给它们传递了不同的道具。我得到了CreateForm.js,ViewForm.js(带有删除按钮的只读)和UpdateForm.js。

我曾经使用过PHP,所以我总是以一种形式来完成这些工作。

我使用React和Redux来管理商店。

当我进入CreateForm组件时,我将这些道具传递给子组件,createForm={true}以使其不使用值填充输入并且不禁用它们。在我的ViewForm组件中,我传递了props readonly="readonly"

而且我遇到了一个文本区域,该区域充满了一个值并且无法更新。具有值的React textarea是只读的,但需要更新

只有一个组件来处理表单的这些不同状态的最佳结构是什么?

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