antd 的Input 组件如何取值 弄了半天没成功

发布于 2022-09-12 13:35:53 字数 139 浏览 26 评论 0

问题:单独使用Ipnut组件,除了使用onChange 回调取值外,还有什么办法可以取到Input里的值,在这个场景中没有使用antd的Form组件,所有不能使用getFieldsValue。我看到Input组件里有id这个props,取值是否可以用到这个id。。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

毁虫ゝ 2022-09-19 13:35:53
componentDidMount() {
    console.log(this.input.value);
}
<input ref={ref => { this.input = ref }} value="12345" />
半世晨晓 2022-09-19 13:35:53
onChange={(e) => {
                    console.log(e.target.value)
                  }}

最好按照推荐用法来做。用 id 或者其他元素属性的话也是要通过 onChange 事件取

<Input data-my='33' id='55' onChange={(e) => {
                    console.log(e.currentTarget.getAttribute('data-my'))
                    console.log(e.currentTarget.getAttribute('id'))
                  }}>

上面这种 ref 的做法也是 ok 的

痴梦一场 2022-09-19 13:35:53

单独使用用他的api里的value(v-model)不行吗,获取值而已,不复杂
image.png

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文