Redux中用于React-Quill的异步defaultValue

时间:2018-10-10 20:14:20

标签: reactjs redux redux-saga quill

反应奎尔版本1.3.1

大家好我需要帮助。 我使用redux-saga和redux-saga-router来从数据库中预加载数据,当我将页面重定向(例如,从“ /”到“ / workspace”)时,我们会捕获特定的操作并加载数据。之后,我需要向用户提供将文本编辑为Quill的机会,因此我使用defaultValue。但是我们知道,在defaultValue中重新渲染无法正常工作,因此我只有我的初始状态,尽管在ReduxDevtools中,我可以同时看到更新后的状态。

如果我将defaultValue更改为value-用户无法在编辑器区域中进行任何更改。

从反应羽毛笔

  

如果需要使用DOM或Quill API来强制性地控制编辑器状态,请传递defaultValue而不是value。在这种“不受控制的”模式下,ReactQuill使用prop作为初始值,但之后允许元素偏离。 onChange回调仍然可以正常工作。

有人知道我该如何解决吗?

1 个答案:

答案 0 :(得分:0)

当您传递defaultValue时,您还需要向onChange传递一些信息以更新该值,因为react-quill现在完全不受控制了。在使用redux-form和react-quill的情况下,我的用例略有不同,但是我要做的是将redux-form的input.value传递给defaultValue,然后将redux-form的onChange处理函数传递给onChange。

我想您需要做的就是将初始值放入某个位置的状态,然后创建一个onChange函数以更新该状态,然后将其传递给react-quill,类似于所描述的here