使用Formik的React-Quill未更新属性

Question

我在表单中使用了Formik和React-Quill，

当我使用<input>时，这个值似乎会更新，但是当我插入<ReactQuill />时，它就不会更新了。

设置有问题吗？

<Field
    name="designation"
    value={this.props.values.designation}
    render={({ field /* _form */ }) => (
        // <input {...field} placeholder="designation" />
        <ReactQuill
            {...field}
        />
    )}
/>

Answer 1

对于任何对答案感兴趣的人(就像我一样)，你可以在here上找到它

<Formik initialValues={{ designation: '' }}>
    <Field name="designation">
        {({ field }) => <ReactQuill value={field.value} onChange={field.onChange(field.name)} />}
    </Field>
</Formik>

这有助于将formik field与ReactQuill属性相匹配。

Answer 2

我使用"setFieldValue“来更新更改。这对于动态Formik表单来说工作得很好。

<ReactQuill 
value={values.description}
onChange={v => setFieldValue('description', v)} 
/>