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)} 
/>

Formik的React-Quill没有更新道具

2 个答案: