Ant Design 方法默认传值,加上其他参数

Posted eternityz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ant Design 方法默认传值,加上其他参数相关的知识,希望对你有一定的参考价值。

前端填坑之路Ant Design里面的一些触发方法,如OnChange,OnSelect等等,当你触发时,该时间会自动传一些值给方法。

这是Select里面的onChange调用,在红框中,他会自动传Option的value值给你写的方法。

但如果,你想在这个调用中除了传固有的值,还想传你自己相传的参数呢?

如果直接写 onChange={this.onChange(你要传的参数)},他会用你要传的参数覆盖掉默认值value,这样你就不能把value传过去。

如果写onChange={this.onChange(value,你要传的参数)},他会提示你value值没有定义。

如果想要把默认参数value和自定义参数都穿过去的话,有两种方法。

1.onChange={this.onchange.bind(this,你要传的参数)} ? ?用bind,this后面加上你要的参数,他会把value值传到你写的方法的最后一个参数上

2.onChange={(value)=>{this.onchange(value,你要传的参数)}} ? 显式地把value写出来,这样就可以把value和参数都传过去

站在巨人的肩膀上摘苹果:

链接:https://www.jianshu.com/p/9131556899d5

以上是关于Ant Design 方法默认传值,加上其他参数的主要内容,如果未能解决你的问题,请参考以下文章

Ant Design的Upload上传文件列表不对?解决方法

009-ant design pro 引入外部模块

搜索 Ant Design Tree 按标题选择

学会使用ant design封装一个锚点组件

学会使用ant design封装一个锚点组件

vue + ant-design-vue 项目兼容IE11浏览器(血泪踩坑)