Запускать сохранение мутации извне нескольких компонентов Apollo React
В наборе приложений React мы размещаем для каждого представления набор многократно используемых компонентов формы с поддержкой apollo с помощью всего одной кнопки сохранения, расположенной вне компонентов формы. При нажатии кнопки сохранения каждый компонент (с грязным состоянием) должен выполнить мутацию для сохранения изменений.
Меня интересуют возможные варианты реализации, и я бы не хотел использовать ссылки.
Проблема, которую необходимо решить, похоже, заключается в том, как вызвать метод вне компонента - я попытался ответить на этот вопрос Вызов дочернего метода от родителя, и хотя я бы предпочел не использовать какой-либо способ взаимодействия между компонентами React, один конкретный ответ, который выглядит многообещающим для меня это https://stackoverflow.com/a/45582558/3021889 - все же я хотел бы услышать, какие у меня есть варианты.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
На первый взгляд кажется, что это нарушает государственную модель реакции. Вы не хотите делать его грязным или видоизменять, но создайте новую копию состояния при сохранении. Но что касается вашего конкретного вопроса о связи между компонентами, если вы не сделаете это реакционным способом, вы приложите усилия, чтобы работать так, как он должен работать ... вроде бесполезно. Если вам нужен более простой способ сохранения изменений и обмена данными между компонентами, я предлагаю взглянуть на Redux. Оттуда у вас будет чистый способ управления коммуникациями через центральный магазин.