Я получил одну форму, которая используется для создания, чтения, обновления и удаления. Я создал 3 компонента с одинаковой формой, но я передаю им разные реквизиты. Я получил CreateForm.js, ViewForm.js (только для чтения с кнопкой удаления) и UpdateForm.js.

Раньше я работал с PHP, поэтому всегда делал это в одной форме.

Я использую React и Redux для управления магазином.

Когда я нахожусь в компоненте CreateForm, я передаю своим подкомпонентам этот реквизитcreateForm={true} не заполнять входы значением и не отключать их. В моем компоненте ViewForm я передаю этот реквизитreadonly="readonly".

И у меня появилась еще одна проблема с текстовой областью, которая заполнена значением и не может быть обновлена.Реагирует на textarea со значением только для чтения, но его необходимо обновить

Какая структура лучше всего иметь только один компонент, который обрабатывает эти различные состояния формы?

Есть ли у вас какие-либо советы, учебники, видео, демонстрации, чтобы поделиться?