如何在反应中获得文本区域的价值？

Question

我在示例中使用了 react-final-form 和 TextareaAutosize。我正在尝试获取 text-area 的值，但无法做到这一点。我能够获得 input 字段的值，但不能获得 textarea

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

 <div>
            <label>Text area Name</label>
            <Field
              component={TextareaAutosize}
              type="textarea"
              name="operatingPinCode"
              placeholder="Notes"
              label="About"
            />
          </div>

API link https://final-form.org/docs/react-final-form/examples/simple

https://www.npmjs.com/package/react-textarea-autosize

Answer 1

您的最终形式代码运行良好。我认为问题在于 TextAreaAutosize，因为它不知道如何将数据直接传递到您的表单。因此，您可能需要在该字段上为 onChange 事件添加一个处理程序。

根据最终表单文档，下面的代码示例似乎工作正常：sandbox-code只需检查第二次尝试部分。

Answer 2

你可以通过这个pop获取值：

    `onChange={(event) => {
        console.log(event.target.value)
    }}`

如何在反应中获得文本区域的价值？

how to getvalue of textarea in react?

javascript

reactjs

final-form

react-final-form