react中多个class的props判断处理

Question

这里的suitdiamonds我想通过props来判断 不同的props 加不同的suitxxxx.怎么判断呢？

Answer 1

render(){
    var className = "";
    switch(this.props.某属性){
        case 属性1:
        className = "className1";
        break;
        ...
        default: 
        className = "className"; 
    }
    return (
        <div>
            <div className={"card " + className}> </div>
        </div>
    )
}