react,多个节点执行同一个事件,怎么区分启动事件的是哪个节点?


constructor(props) {
    super(props);
    this.switchClick = this.switchClick.bind(this);
    this.state = {
        headSwitch: true
    };
}

switchClick () {
    //怎么区分执行switchClick()的是哪个节点
    this.setState({
        headSwitch: !this.state.headSwitch
    });
}

render() {
    return (
            
        <div className="head-switch">
            <a className={this.state.headSwitch ? 'act' : ''} onClick={this.switchClick}>1</a>
            <a className={this.state.headSwitch ? '' : 'act'} onClick={this.switchClick}>2</a>
        </div>
    )
}

onClick={(val) => this.switchClick(1)}


函数加一个参数 把1 和2 传进去

< a className={this.state.headSwitch ? 'act' : ''} onClick={this.switchClick.bind(this,1)}>1</ a>



相关阅读:
跨域修改css样式
mac下用chrome浏览器和safiri运行总是出问题?
列表分割数据输出
关于django model relation set的设置问题
新闻类app,每次上拉和下拉刷新都有数据,逻辑是怎样的,如何防止重复?
ios系统cursor: pointer失效
谁能用通俗易懂的言语解释一下区块链中的节点和区块的意思啊
怎么取出排序后字典中的第一个键值对
position定位,设置top为百分数,如何计算?
python 中文写入文件后乱码
jquery实现鼠标滚动时元素消失,不滚动的时候元素回来?
vue2函数化组件的问题
Spring data elasticsearch注解@Filed和@ManytoMany同时使用,搜索结果取到属性为null
前端项目使用module.exports文件一定要Webpack编译吗?请问gulp可以编译这种文件吗
vuejs 如何在组件内调用腾讯地图的API
macbook用终端安装cocoapods时出问题 后来“gem”指令失效
js能监听伪元素的transitionend吗?
微信开发文档第三步:刷新access_token这个有什么用
表格填写数据,前后为什么会发生变化
请问在 uxcore 中如何设置数据为选中状态?



快速导航

Copyright © 2016 phpStudy |