• React中绑定事件


    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);
        }
    }
  • 相关阅读:
    Junit连接oracle数据库
    java判断字符串是否由数字组成
    Hibernate各种主键生成策略与配置详解
    一对多映射关系
    one-to-one 一对一映射关系(转 wq群)
    工厂模式
    struts2
    创建JUtil
    jdbc
    压缩数据
  • 原文地址:https://www.cnblogs.com/zcy9838/p/12030812.html
Copyright © 2020-2023  润新知