单选框自定义样式

//选择售后类型
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>