美文网首页
react传参

react传参

作者: 壹豪 | 来源:发表于2018-08-02 17:56 被阅读0次
React里的事件参数传递和传统的JS参数有些不一样,需要通过bind方法来绑定参数,第一个参数指向this,第二个参数开始才是事件函数接收到的参数
<button onClick={this.handleClick.bind(this, props0, props1, ...}></button>

handleClick(porps0, props1, ..., event) {
    // your code here
}

例:

showDetail:function(url){
        window.open(url);
    },
    render:function(){
        var o = this;
        var list = this.props.date.map(function(c){
        return(
                <li onClick={o.showDetail.bind(c,c.txtUrl)}>
                    <h1><span className="am-badge am-badge-success am-radius ">{c.txtSource}</span>{c.title}</h1>
                    <span className="price am-badge am-badge-warning am-radius ">{c.numPrice}</span>
                </li>
            );
        });
        return(
            <div id="result">
                <ul className="am-list">
                    {list}
                </ul>
            </div>
        );
    }

相关文章

  • react 事件绑定和传参

    使用react,绕不开事件绑定和传参,react事件绑定的方法有以下几种。 方法一: 传参:onClick={th...

  • react传参

    react传参 基本传参 props在子组件中this.p...

  • react传参

    React里的事件参数传递和传统的JS参数有些不一样,需要通过bind方法来绑定参数,第一个参数指向this,第二...

  • react传参

    基本传参props 子组件 传递数据 获取数据this.p...

  • react 中用next 传参,获取query参数

    react 中用next 传参,获取query参数 传:Router.push({pathname:'/',que...

  • react native 页面跳转传参

    react native 组件之间传参包括父传子和子传父,但是也有页面跳转时需要传参,比如从A页面跳转到B页面...

  • react路由跳转传参方式

    react在路由跳转进行传参有以下几种方式:1. params方式传参app.js 子组件OnRefs.js 组件...

  • React路由传参

    1.params 优势 : 刷新地址栏,参数依然存在缺点:只能传字符串,并且,如果传的值太多的话,url会变得长而...

  • React路由传参

    1.params xxx...

  • react 组件传参

    下面是react 组件传参的示例,简单的可以,复杂点就很麻烦。先看懂这个代码,然后开始学习dva。

网友评论

      本文标题:react传参

      本文链接:https://www.haomeiwen.com/subject/yepsvftx.html