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

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

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

第一种：自定义嵌套函数

handleClickStars = (item) => {

    return (item) => {

            // 原来的处理逻辑

    }

}

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

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

因为每一个子组件(OrderItem)有自己的state，只会控制自己的状态

看看是不是类名写错了，代码里类名是：.orderItem__star--light，注意下划线和中划线都是两道