javascript - 如何在react对象中使用if else条件

Question

谁能告诉我在 react 对象内使用 if.. else.. 条件的替代方法

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

Answer 1

您可以使用三元:

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
    }
}