事件bind问题

来源:2-8 订单评价功能(3)

尛溎孓

2019-05-10 09:32

onClick={this.handleClickStars.bind(this, item)},什么时候在使用箭头函数后还需要执行bind

写回答 关注

1回答

  • hurrak
    2019-05-11 15:03:50

    当箭头函数有参数的时候。


    如果直接传参将会是函数调用语法,引发报错。像这样 onClick={this.handleClickStarts(item)} 其实是调用了函数。

    对于传参有两种处理方法。

    第一种:自定义嵌套函数

    handleClickStars = (item) => {

        return (item) => {

                // 原来的处理逻辑

        }

    }

    第二种:在设置事件处理函数使用bind 方法,其实内部也是封装了返回了一个函数。

    onClick={this.handleClickStarts.bind(this, item))}

React 16实现订单列表及评价功能

以订单列表为案例,讲授React项目的开发流程

14389 学习 · 39 问题

查看课程

相似问题