【总结】jsx 简洁代码

最新推荐文章于 2024-10-11 19:03:40 发布

Dream_Ji

最新推荐文章于 2024-10-11 19:03:40 发布

阅读量167

点赞数 2

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_48958486/article/details/141721056

版权

1、

  //当type为month时，setIsMonth(true),否则为setIsMonth(false)  
  setIsMonth(type === 'month');  
  setIsVip(vip === 'vip');

2、注意反引号` `和单引号' '的区别

  {isMonth
    ? isVip
      ? `${vipMonthPriceOff}元`
      : `${svipMonthPriceOff}元 `
    : isVip
      ? `${vipYearPriceOff}元`
      : `${svipYearPriceOff}元`}

3、设置不同情况下，相同部分的 className

  <div className={`${currentQR === '图片1的路径或组件' ? 'QR--activew' : 'QR'}`} />
  <div className={`${currentQR === '图片2的路径或组件' ? 'QR--activea' : 'QR'}`} />