React 嵌套三目运算符的写法
2022-06-04 本文已影响0人
CoderZb
案例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
