如何，如果其他条件中反应物

Question

谁能告诉我，如果使用另一种使用..其它..内部条件的反应对象

const background = { 
    color: { 
     if (this.props.status == 'broker') { 
     background : '#FFFFFF' 
     } esle { 
     background : 'green' 
     } 
    } 
} 

Answer 1

您不需要全部内联评估它。嵌套的三元语句会变得非常难看。您可以创建一个函数并将结果传递给：

function bgColor(status) { 
    if (status === 'broker') { 
    return { background: '#fff' } 
    } 

    if (status === 'whatever' { 
    // return ... 
    } 

    // whatever else 
} 

const background = { 
    color: bgColor(this.props.status) 
} 

Answer 2

你可以使用一个三元：

const background = { 
    color: this.props.status === 'broker' ? '#ffffff' : 'green' 
} 

如果您需要更多条件，这可能会受到限制和/或难以阅读，因此您也可以使其发挥作用，但是您只需要小心如何/在哪里调用它：

const background = { 
    color: function() { 
     let color 

     if(this.props.status === 'broker') { 
     color = '#ffffff' 
     } else { 
     color = 'green' 
     } 

     return color 
    } 
}