【问题标题】:how to getvalue of textarea in react?如何在反应中获取文本区域的值?
【发布时间】:2019-08-11 08:55:45
【问题描述】:

我在我的示例中使用react-final-formTextareaAutosize。我正在尝试获取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 链接 https://final-form.org/docs/react-final-form/examples/simple

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

【问题讨论】:

    标签: javascript reactjs react-final-form final-form


    【解决方案1】:

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

    根据最终的表单文档,下面的代码示例似乎可以正常工作:sandbox-code 只需查看第二次尝试部分即可。

    【讨论】:

    • 感谢您的帮助..!!它工作正常......!可以从textarea中删除或微调“可拖动图标”
    【解决方案2】:

    你可以通过这个pop获得价值:

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

    【讨论】:

      猜你喜欢
      • 2017-07-25
      • 2019-07-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-08-10
      • 2019-09-01
      • 2022-12-04
      • 1970-01-01
      相关资源
      最近更新 更多