reactjs - 使用 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

对于仍然对答案感兴趣的任何人（就像我一样），您可以在这里找到它：

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

这有助于将 formikfield与 ReactQuill 道具相匹配。

Answer 2

我正在使用“setFieldValue”来更新更改。这对于动态 Formik 表单非常有效。

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