首页 > 其他 > 详细

React中绑定事件

时间:2019-12-16 21:24:43      阅读:95      评论:0      收藏:0      [点我收藏+]

1.事件的名称都是React提供的,因此名称的首字母必须大写:onClick、onMouseOver

2.为事件提供的处理函数必须是如下格式:

onClick = { function }

3.用的最多的事件绑定形式为:

<button onClick={ () => this.show(‘传参‘) }>按钮</button>
 
show = (arg1) => {
        console.log(‘show方法‘ + arg1);
    }
}

例如:

import React from ‘react‘;

export default class BindInputValue extends React.Component{
    constructor(){
        super();
        //私有数据
        this.state = {}
    }

    render(){
        return <div>
            BindInputValue组件
            <hr/>            
            {/* 注意:onClick只接收function作为处理函数(箭头函数就是匿名的function函数) */}
            <button onClick={()=>{this.myclickHandler(‘123‘)}}>按钮</button>
        </div>
    }

    //这是一个实例方法
    myclickHandler = (arg1) => {
        console.log(‘ok‘ + arg1);
    }
}

React中绑定事件

原文:https://www.cnblogs.com/zcy9838/p/12030812.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!