ReactJS + Redux |Соберите данные из отдельных компонентов на более высокий уровень и сделайте запрос - PullRequest
0 голосов
/ 25 декабря 2018

В моем приложении React / Redux есть набор компонентов.Каждый компонент в основном представляет собой форму.Я использую Formik для формы, никаких проблем там нет.

У нас есть следующие компоненты: 1. Введите текст и текстовую область.2. Мульти-выбор с автозаполнением и раскрывающимся списком.3. Таблица флажков с несколькими опциями

Фактические компоненты не закончены, но моя проблема не с ними.Проблема заключается в следующем:

У нас есть 2 экрана реализации для предыдущих компонентов.Одним из них является экран чтения / редактирования.Другой - это стиль мастера создания экрана с 3 шагами.

ПРОБЛЕМА На всех шагах есть этапы проверки и выборки данных.Это означает, что я хочу позвонить, прежде чем перейти к следующему шагу, чтобы проверить содержимое на сервере.С другой стороны, я хочу обновить или создать элементы на сервере за один вызов.

Мой подход заключается в том, чтобы фактически отправлять вызов для проверки на каждом шаге и в то время, если ответOK, затем переместите эти данные на 1 шаг выше на уровне компонента / объекта / состояния.Так будет и на каждом шагу.И, наконец, окончательная проверка перед отправкой на сервер запроса на редактирование или создание.

Проблема в том, что я понятия не имею, как это сделать.Я использую React, Redux, RxJS и Redux Observables для обработки асинхронных данных.Для мастера я использовал и step-zilla, и response-albus, но я не против создать свой.

Я не ожидаю, что кто-нибудь ответит на это, так как я не буду вставлять какой-либо код, так какне имеет никакого смысла.Если бы вы могли создать песочницу на простом примере, было бы здорово.Спасибо и счастливого Рождества ...

...