问答

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

作者:admin 2021-05-13 我要评论

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

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

###
componentDidMount() {
    console.log(this.input.value);
}
<input ref={ref => { this.input = ref }} value="12345" />
###
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 的

###

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 请问下prometheus怎么进行自定义的按业

    请问下prometheus怎么进行自定义的按业

  • 节流函数为什么,点击无效,监听窗口大

    节流函数为什么,点击无效,监听窗口大

  • express访问静态资源失败

    express访问静态资源失败

  • IE 浏览器下 match 方法报错

    IE 浏览器下 match 方法报错

腾讯云代理商
海外云服务器