react -- switch引入组件

switch引入组件

{
    stageTwo.customerRules.map(rule => {
        return filterComponent(rule,filterItems,this.setRuleValue,'customerRules',this.deleteRule,errorObj)
    })
}

const filterComponent = (rule,filterItems,setRuleValue,belongRule,deleteRule,errorObj)=>{
    switch (rule.keyCode) {
        case 'users.customer_tag.tag_id':
            return <TagSelect key={rule.keyCode} rule={rule} filterItems={filterItems} setRuleValue={setRuleValue} belongRule={belongRule} deleteRule={deleteRule} errorObj={errorObj}/>
        case 'users.add_time':
        case 'register_time':
        case 'last_order_time':
        case 'attention_time':
        case 'expire_time':
            return <OptionDateRange key={rule.keyCode} rule={rule} filterItems={filterItems} setRuleValue={setRuleValue} belongRule={belongRule} deleteRule={deleteRule} errorObj={errorObj}/>
        case 'customer_sex':
            return <OptionRadio key={rule.keyCode} rule={rule} filterItems={filterItems} setRuleValue={setRuleValue} belongRule={belongRule} deleteRule={deleteRule} errorObj={errorObj}/>
        case 'user_rank_name':
            return <OptionLevel key={rule.keyCode} rule={rule} filterItems={filterItems} setRuleValue={setRuleValue} belongRule={belongRule} deleteRule={deleteRule} errorObj={errorObj}/>
        case 'crm_tags':
            return <CRMTag key={rule.keyCode} rule={rule} filterItems={filterItems} setRuleValue={setRuleValue} belongRule={belongRule} deleteRule={deleteRule} errorObj={errorObj}/>
        case 'remark':
            return <OptionRemark key={rule.keyCode} rule={rule} filterItems={filterItems} setRuleValue={setRuleValue} belongRule={belongRule} deleteRule={deleteRule} errorObj={errorObj}/>
        case 'birthday_md':
            return <OptionBirthday key={rule.keyCode} rule={rule} filterItems={filterItems} setRuleValue={setRuleValue} belongRule={belongRule} deleteRule={deleteRule} errorObj={errorObj}/>
        case 'consume_money':
            return <OptionRange key={rule.keyCode} rule={rule} filterItems={filterItems} setRuleValue={setRuleValue} belongRule={belongRule} deleteRule={deleteRule} errorObj={errorObj}/>
        default:
            break;
    }
}