es6的扩展运算符“...”动态增加属性

只是举了一个案例,但是开发任何地方,如果不确定参数是否应该传入都可以使用

例如 formItem 🀄️根据 数值 判断是否需要传入 name属性

{...(boolean? { name: value } : {})}

如果“真” 则扩展{ name: value } 得到=》name : value 相当于增加了 name属性

如果“假 ”则扩展 { } 得到=》空 相当于增加了 空 属性

<Form.Item
       wrapperCol={{ span: 24 }}
       required
   // name 根据判断来定是否传name参数
       {...(!checkbox ? { name: nameEnd } : {})}
       rules={[
            {
              required: true,
               message: '请选择有效期限',
                },
              ]}
    >
       <DatePicker format="YYYY-MM-DD" />
   </Form.Item>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Embrace924

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值