react+antd4.x 如何根据不同条件渲染出不同的icon

Question

Answer 1

{条件1&&<icon1/>}
{条件2&&<icon2/>}

Answer 2

// 两种
{ true ? <Icon type="1"> : <Icon type="2"> }

// 两种以上
renderIcon = type => {
    let renderIcon = "";
    switch(type){
        case 1: renderIcon = <Icon type="1">; break;
        case 2: renderIcon = <Icon type="2">; break;
        case 3: renderIcon = <Icon type="3">; break;
        default: 
    }
    reutrn renderIcon;
}

// 渲染
{this.renderIcon(type)}