Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to set it up with Formik?

See original GitHub issue

Thanks for the wonderful editor.

I am trying to set it up with Formik but it’s not working. Can anyone help me with this.

I tried using Formik’s setFieldValue() also via React-Quill’s onChange() but that also is not working.

My basic setup looks like this

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

<input> works but <ReactQuill /> fails.

Thank you.

Issue Analytics

State:
Created 5 years ago
Reactions:2
Comments:8

Top GitHub Comments

2reactions

christiantigrecommented, Dec 17, 2019

I use <ReactQuill theme={“snow”} name={“contrato”} id={“contrato”} value={values.contrato} modules={this.props.modules} onChange={event => setFieldValue(“contrato”, event)} onBlur={() => setFieldTouched(“contrato”, true)} valid={!errors.estado} invalid={touched.estado && !!errors.estado} autoFocus={true} />

1reaction

alexdunnecommented, Jul 8, 2019

https://github.com/jaredpalmer/formik/issues/1383#issuecomment-493934980

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