三目运算 多条判断

含义
三目运算符格式：
（关系表达式）？表达式1:表达式2:
当关系表达式的值是true的时候，执行表达式1
当关系表达式值是false的时候，执行表达式2
关系表达式的值要么是true，要么是false

实例
1 两种情况的：假设获取的列表list的state状态有0 和1,显示对应的值

list.status==0 ?"等待付款":"已付款"

2 有三种情况的

list.status==0 ?"等待付款":(list.status =="1"?"已支付":"已取消")

3 假设我们设置操作的按钮

 {/* 如果包含ID 并且 已经审批拒绝的单子就不显示工作流了，就显示自己设置的按钮，如果不等于拒绝就走工作流 */}
      {!!basicFormData.procInstId && basicFormData.state !== 'REJECTED' ? (
      // 工作流
          <Action
          processInstanceId={basicFormData.procInstId}
          leftExtraButton={(e) => {
            const types = e();
            console.log(types);
            return (
              <ElRowContainer
                blocks={[this.getBackButton()]}
                position="inbox"
              />
            );
          }}
          successCallBack={(e) => {
            this.findDeatil(this.props?.match?.params?.type);
          }}
        ></Action>
      ) : ( // 显示自己设置按钮。 在进行一次判断 如果没有ID就显示提交按钮，否则就只显示返回
      basicFormData.procInstId == '' || basicFormData.procInstId == undefined ?
        <ElRowContainer
         blocks={[
           {
             key: 'inbox-subworkFlow',
             text: '提交',
             icon: <SubmitBlue />,
             location: 'left',
             authCode: 'fin-pur-payI-submit',
             handleClick: this.subworkFlow
           }
         ]}
         onBack={this.onBack}
         position='top'
       /> :
       // 返回按钮
       <ElRowContainer
          blocks={[]}
          onBack={this.onBack}
          position='top'
        />
      )}