我得到了一种用于创建，读取，更新和删除的表单。我用相同的形式创建了3个组件，但是我给它们传递了不同的道具。我得到了CreateForm.js，ViewForm.js（带有删除按钮的只读）和UpdateForm.js。
我曾经使用过PHP，所以我总是以一种形式来完成这些工作。
我使用React和Redux来管理商店。
当我进入CreateForm组件时，我将这些道具传递给子组件，createForm={true}以使其不使用值填充输入并且不禁用它们。在我的ViewForm组件中，我传递了props readonly="readonly"。
而且我遇到了一个文本区域，该区域充满了一个值并且无法更新。具有值的React textarea是只读的，但需要更新
只有一个组件来处理表单的这些不同状态的最佳结构是什么？
您有什么建议，教程，视频，演示可以分享吗？