Асинхронное значение по умолчанию из Redux для React-Quill

Question

React-Quill версии 1.3.1

Привет, ребята.Мне нужна помощь.Я использую redux-saga и redux-saga-router для предварительной загрузки данных из базы данных, и когда я перенаправляю свою страницу, например, из «/» в «/ workspace», мы ловим определенное действие и загружаем данные.И после этого мне нужно предоставить пользователю возможность редактировать текст в Quill, поэтому я использую defaultValue.Но, как мы знаем, повторная визуализация в defaultValue не работает, поэтому у меня есть только мое начальное состояние, хотя в то же время в ReduxDevtools я вижу обновленное состояние.

Если я изменяю defaultValue на значение - пользователь не может делать никаких изменений в области редактора.

Из реагирующего пера

Вместо этого передайте defaultValueимеет значение, если вам нужно использовать API DOM или Quill для обязательного управления состоянием редактора.В этом «неконтролируемом» режиме ReactQuill использует реквизит в качестве начального значения, но позволяет элементу отклоняться после этого.Обратный вызов onChange по-прежнему работает нормально.

кто-нибудь знает, как я могу решить эту проблему?

Answer 1

Когда вы передаете defaultValue, вам также нужно передать что-то в onChange, чтобы обновить значение, так как response-quill теперь полностью не контролируется.Мой вариант использования немного отличается, когда я использую redux-form и реагировать-quill, но я делаю, что передаю input.value redux-формы в defaultValue, а затем передаю обработчик onChange избыточной формы в onChange.

Я представляю, что вам нужно сделать, это где-то перевести ваше начальное значение в состояние, затем создать функцию onChange, чтобы обновить это состояние и передать его вact-quill, аналогично тому, что описано здесь