首页 > 解决方案 > 为什么模糊事件不会在对 textarea 的反应中触发?

问题描述

你能告诉我为什么模糊事件不会对 textarea 做出反应吗?

实际上,在我的演示中,我有一个输入并且 Textarea.i 在两个字段中都添加了模糊事件。在输入字段中,它触发了,但在 textarea 上,它没有为什么?

这是我的代码 https://codesandbox.io/s/react-final-form-simple-example-xknkd

 <div>
            <Field
              name="myField"
              component={TextArea}
              name="operatingPinCode"
              placeholder="Operating Pincodes"
              label="Operating Pincodes"
              useCacheForDOMMeasurements
              format={() => console.log("ffhhh")}
              formatOnBlur
            />
          </div>

标签: javascriptreactjsreact-final-formfinal-form

解决方案


您还没有通过文件中的onBlur处理程序TextareaAutosizetextarea.js

<TextareaAutosize
  name={props.input.name}
  value={props.input.value}
  onChange={props.input.onChange}
/>

所以你需要添加它

<TextareaAutosize
  name={props.input.name}
  value={props.input.value}
  onChange={props.input.onChange}
  onBlur={props.input.onBlur}
/>

推荐阅读