#javascript #reactjs #forms #redux
Вопрос:
Я новичок в веб-разработке реакций, и мне любопытно, как лучше всего справиться со следующей ситуацией:
Чтобы упростить проблему, предположим, что существует форма счета-фактуры, в которой пользователь вводит основные данные счета-фактуры, такие как номер, дата, тип оплаты, способ доставки и т. Д., И, среди прочего, пользователю необходимо выбрать клиента счета-фактуры. Если клиент отсутствует в базе данных, пользователю необходимо ввести нового клиента через отдельный компонент формы клиента.
Мне приходят в голову два решения:
Во-первых, нужно открыть всплывающее окно/диалоговое окно в форме счета-фактуры, которое содержит все сведения о клиенте, чтобы пользователь фактически никогда не покидал форму счета-фактуры и сохранял все введенные пользователем данные, и после того, как новые данные о клиенте были отправлены через всплывающее окно, пользователь может выбрать этого конкретного клиента.
Второе решение, которое приходит на ум, — перенаправить пользователя на URL-адрес формы клиента, но затем все данные счета-фактуры необходимо временно поместить куда-нибудь, предположительно в хранилище redux или локальное хранилище, и после отправки клиента пользователь перенаправляется обратно в форму счета-фактуры, и все исходные входные данные извлекаются из хранилища и представляются пользователю.
Мне кажется, что у обоих решений есть свои плюсы и минусы, я не очень большой поклонник всплывающих окон и диалогов, но второе решение кажется большим трудом для чего-то такого простого. Я видел, как они оба реализованы на других сайтах. Есть ли какой-нибудь третий вариант, который я не рассматривал, или что вы предлагаете между этими двумя?