美文网首页
React 嵌套三目运算符的写法

React 嵌套三目运算符的写法

作者: CoderZb | 来源:发表于2022-06-04 15:56 被阅读0次

案例1:

代码如下:

<div className="normal_detail_sub_width" >
  <span style={{width:'70px'}}>审核结果:</span>
{(this.state.seeAudit==1 || this.state.seeAudit==3 || this.state.seeAudit==5)  ? (
  (this.state.seeAudit==1 || this.state.seeAudit==5)?(<Radio.Group key="radiogroup222"  onChange={this.onVerifyChange} >
  <Radio value={2}>审核通过</Radio>
   <Radio value={3}>审核不通过</Radio>
 </Radio.Group>):(<Radio.Group key="radiogroup222"  defaultValue={3} onChange={this.onVerifyChange} >
   <Radio value={2}>审核通过</Radio>
    <Radio value={3}>审核不通过</Radio>
  </Radio.Group>)
  ) : (
    // 
  <Radio.Group disabled value={2}  >
     <Radio value={2}>审核通过</Radio>
     <Radio value={3}>审核不通过</Radio>
  </Radio.Group>
  )}
</div>
  • seeAudit为1或者为5的情况


    image.png
  • seeAudit为3的情况


    image.png
  • seeAudit不为1、3、5的情况


    image.png

案例2:

代码如下:

<div className="normal_detail_sub_width" >
  <span style={{width:'70px'}}>审核结果:</span>
{this.state.seeAudit==1 ? (
  <Radio.Group key="radiogroup222" onChange={this.onVerifyChange} >
   <Radio value={2}>审核通过</Radio>
    <Radio value={3}>审核不通过</Radio>
  </Radio.Group>
    
  ) : (
  <Radio.Group disabled key="radiogroup" value={this.state.seeAudit>2?3:2} >
     <Radio value={2}>审核通过</Radio>
     <Radio value={3}>审核不通过</Radio>
  </Radio.Group>
  )}
</div>
  • seeAudit为1的情况


    image.png
  • seeAudit为2的情况


    image.png
  • seeAudit大于2的情况,例如seeAudit为4


    image.png

相关文章

网友评论

      本文标题:React 嵌套三目运算符的写法

      本文链接:https://www.haomeiwen.com/subject/icshmrtx.html