Вот мой действующий сайт, отображающий группу кнопок слева с конечными точками API (только POST) и компонентом формы в середине: https://react-ui-sandbox.azurewebsites.net/
Первая конечная точка слева ButtonGroup т.е. DealersAdd является конечной точкой POST и в основном извлекает данные из формы и отправляет полезную нагрузку JSON в базу данных (PostgreSQL) с POST http request.
Моя единственная проблема заключается в том, что другие конечные точки API в ButtonGroup (то есть NetworksAdd) имеют разные JSON полезные нагрузки, и, следовательно, форма отличается / имеет другие входные параметры. т.е. NetworksAdd потребует:
"userId":
"name":
"customerName":
"customerEmail":
"production":
"uid":
"firmwareType":
"deploymentType":
"staticIPPool":
"DynamicIPPools":
"lteNetworkId":
"ospfParam":
Так что я думал о событиях onClick, когда при щелчке по различным конечным точкам в ButtonGroup разные формы отображаются / скрываются, а затем я могу записывать данные в форме и отправить в базу данных (я не уверен, что это сработает, можно ли заставить его отправлять мне только переменные onSubmit из активной формы?)
Если есть более простой способ, чем этот? Я полагаю, что у меня может быть текстовое поле generic c, и пользователь может ввести полезную нагрузку MIS C JSON, а затем я смогу разобрать пары ключ / значение, так что мне понадобится только одно состояние поля ввода ?
Я довольно новичок в React (это мой первый проект) и в основном бэкэнд-разработчик Java, поэтому я буду помогать!