javascript - 使用 Formik 自动调整大小？

问题描述

我正在使用react-textarea- autosize和formik ，我想知道如何正确地将 formik 的更改事件挂钩到 TextareaAutosize？

   <Formik
          initialValues={{
            description: ''
          }}
          validationSchema={Yup.object().shape({

          })}
          onSubmit={(values, { setSubmitting, setErrors }) => {
            console.log('v', values)

          }}
          render={props => (
            <Form autoComplete="off">
              <div className="field">
                <label className="label">Description</label>
                <div className="control">
                  <TextareaAutosize
                    className="input"
                    onChange={props.handleChange}
                    onBlur={props.handleBlur}
                    name="description"
                    value={props.values.description}
                  />
                </div>
              </div>

            </Form>
          )}

因此，当我执行 onSubmit 时，我确实看到了在 textarea 中输入的数据，但是当我在 textarea 中执行“输入”时，我得到了这些错误

onloadwff.js:71 Assertion failed: Input argument is not an HTMLInputElement
getFormProfile @ onloadwff.js:71
setFieldValue @ onloadwff.js:71
formKeydownListener @ onloadwff.js:71
onloadwff.js:71 Uncaught TypeError: Cannot read property 'type' of undefined
    at e.setFieldValue (onloadwff.js:71)
    at HTMLFormElement.formKeydownListener (onloadwff.js:71)
setFieldValue @ onloadwff.js:71
formKeydownListener @ onloadwff.js:71

标签： javascriptreactjsformik

javascript - 使用 Formik 自动调整大小？

问题描述

解决方案

推荐阅读