javascript - 利用 classNames 生成React className 有一点不解

问题描述

问 题

参照 antd 里面的写法,我照猫画虎的写

const { level } = this.props
let classes = classNames(className, baseCls, {
      [`${baseCls}-${level}`]: level
  })

这个应该怎么理解,我只知道用了模板字符串,但是 [] 和 : 又是什么作用,${level}中的 level 究竟是上面的 level 还是冒号右边的 level

解决方案

这第三个参数明显是json对象的形式，左面为模板字符串拼成的key，右面为动态value

这篇关于javascript - 利用 classNames 生成React className 有一点不解的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！