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

转载 2018年04月17日 16:53:03

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和参数都传过去

获取页面跳转时所带参数

1、路由跳转方式:域名?参数名=值&参数名=值 2、获取参数: let url = window.location.href; let option,strs; ...
  • jiuwanli666
  • jiuwanli666
  • 2018-02-25 16:16:11
  • 95

Ant:给Ant脚本传递参数的最佳实践

Ant是一个Make Tool,主要用于代码的编译,构建。当然,也有很多Ant爱好者开发了很多外部任务扩展了它的功能。它无界面,跨平台的特性,正好适用于软件开发人员。Ant已经成为软件开发人员开发过程...
  • superbeck
  • superbeck
  • 2009-07-18 16:42:00
  • 18029

ant design (antd) Upload组件传入url 给出url 的简单封装

参数都在/** * Created by wuyakun on 2017/3/20. */import React from 'react'; import {Upload, Icon, Moda...
  • wyk304443164
  • wyk304443164
  • 2017-05-05 17:51:48
  • 1046

antdesign中的defaultValue问题

问题描述----------: 在react项目中使用antdesign组件,遇到需要给表单元素设置初始值的场景时,官方提供的方法中有一种是使用defaultValue属性。例如: import { ...
  • github_36085116
  • github_36085116
  • 2016-12-23 09:32:45
  • 4986

Ant Design --配置(1)

Ant Design 官方介绍: “在中台产品的研发过程中,会出现不同的设计规范和实现方式,但其中往往存在很多类似的页面和组件,...
  • Fair_feng
  • Fair_feng
  • 2017-06-07 22:23:37
  • 2736

AntDesign 的 Table 组件的 expandedRowRender 属性失效的问题

表格的可扩展行点不开? 看看你的Table组件的dataSource数据中有没有key这个属性吧! key作为每条数据的唯一标识,最好每次都要加上,否则就容易出现不可预测的错误。...
  • github_36085116
  • github_36085116
  • 2017-06-05 11:54:54
  • 1231

ant 根据条件设置属性值

一般情况下在build.xml中设置一个属性,如下: 有些时候,我们需要将参数传递进来,如果不传递,则使用默认值,这种情况我们改用带条件的ant语句即可,如下: ...
  • catoop
  • catoop
  • 2015-10-30 11:28:16
  • 3463

ant.design实践手札之---ajax数据调用

今天正好在弄项目的ajax数据调用情况,趁热打铁记录下实际的运行步骤状态1、创建一个对应的对象model、service、routes、mock作为一个简单的ajax的准备工作/src/models/...
  • xupeng874395012
  • xupeng874395012
  • 2017-01-20 16:26:51
  • 4423

Ant-design-Table

1、将表格以组件形式加入到页面中:实现功能有分页显示和隐藏展开 2、代码思路如下: let Component_Table = React.createClass({ render(){ cons...
  • zsspj12
  • zsspj12
  • 2016-10-24 17:02:35
  • 3398

ant结合iconfont使用

ant结合iconfont使用
  • github_38524608
  • github_38524608
  • 2017-12-18 13:28:00
  • 184
收藏助手
不良信息举报
您举报文章:Ant Design 方法默认传值,加上其他参数
举报原因:
原因补充:

(最多只允许输入30个字)