三元运算符多个条件判断+实例

问相逢何必曾相识

已于 2022-03-03 23:37:48 修改

阅读量950

点赞数

文章标签： javascript react.js 前端

于 2022-03-03 10:31:59 首次发布

本文链接：https://blog.csdn.net/WJLcomeon/article/details/123246800

版权

实例：

import React, { useState} from 'react';


const [intergration, setIntergration] = useState('');//集成状态

 <Form.Item className={styles.integration}>
     <span
    className={intergration == '待集成' ? (styles.waiting) : (intergration == '集成成功' ? styles.success : styles.falied)}>{intergration}</span>
  </Form.Item>}

// 回显数据
    const handleData = (data: any) => {
        console.log('回显data--->',data)
        setTimeDisabled(data.execWay === 'NOW');
        form.setFieldsValue(data);
        if (!data.execTime) return setIntergration('');
        if (data.execTime && data.execTime > Date.now()) {
            setIntergration('待集成')
        } else {
            if (data.code === 0) {
                setIntergration('集成成功')
            } else {
                setIntergration('集成失败')
            }
        }
    }

一元运算符：

num++

二元运算符：

3+5

三元运算符：

let num = 10;

num>5?'yes':'no' //表达式是有返回值的