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

Question

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

const { level } = this.props

let classes = classNames(className, baseCls, {

      [`${baseCls}-${level}`]: level

  })

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

Answer 1

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