如何在反应中获得文本区域的价值?
how to getvalue of textarea in react?
我在示例中使用了 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
您的最终形式代码运行良好。我认为问题在于 TextAreaAutosize,因为它不知道如何将数据直接传递到您的表单。因此,您可能需要在该字段上为 onChange 事件添加一个处理程序。
根据最终表单文档,下面的代码示例似乎工作正常:sandbox-code只需检查第二次尝试部分。
你可以通过这个pop获取值:
`onChange={(event) => {
console.log(event.target.value)
}}`
我在示例中使用了 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
您的最终形式代码运行良好。我认为问题在于 TextAreaAutosize,因为它不知道如何将数据直接传递到您的表单。因此,您可能需要在该字段上为 onChange 事件添加一个处理程序。
根据最终表单文档,下面的代码示例似乎工作正常:sandbox-code只需检查第二次尝试部分。
你可以通过这个pop获取值:
`onChange={(event) => { console.log(event.target.value) }}`