//选择售后类型
checkAftertype = (e) => {
//待发货时为仅退款可选
let {typeChange, reasonChange, refund} = this.props;
if ($(e.target).text() == "退货退款" && refund == 1) {
return;
}
//处理再次点击都变为请选择
$(e.target).hasClass('current-yesround') ? null : reasonChange(0);
$(e.target).addClass('current-yesround').siblings().removeClass('current-yesround');
let type = $(e.target).attr('data-type');
typeChange(type);
};
<div className="type-container">
<div>售后类型</div>
<div className="after-type">
{afterType.map((item, i) => {
return (
<i key={item.select} data-type={item.select} className="current-noround"
onClick={(e) => {
this.checkAftertype(e)
}}>
{item.method}
</i>
)
})}
</div>
</div>
![](https://i-blog.csdnimg.cn/blog_migrate/6f84ce4bc9601c602eabd449250439b1.png)
![](https://i-blog.csdnimg.cn/blog_migrate/09a4c7d6a1bca067065d0aaef5079e97.png)
![](https://i-blog.csdnimg.cn/blog_migrate/257a795c9545f5caef9810c9c4d5aeee.png)
![](https://i-blog.csdnimg.cn/blog_migrate/a50bed2c9063c6b37deae1dd4eb2eae8.png)