對象字面量中可使用中括號做爲屬性,表示屬性也能是一個變量

  • 在對象字面量中可使用中括號做爲屬性,表示屬性也能是一個變量了。 
  1. const name = 'Jane';
  2.  
    const age = 20
  3.  
     
  4.  
    const person = {
  5.  
    [ name]: true,
  6.  
    [ age]: true
  7.  
    }

在ant-design的源碼實現中,就大量使用了這種方式來拼接當前元素的className,例如:javascript

  1.  
    let alertCls = classNames(prefixCls, {
  2.  
    [`${prefixCls}-${type}`]: true,
  3.  
    [`${prefixCls}-close`]: !this.state.closing,
  4.  
    [`${prefixCls}-with-description`]: !!description,
  5.  
    [`${prefixCls}-no-icon`]: !showIcon,
  6.  
    [`${prefixCls}-banner`]: !!banner,
相關文章
相關標籤/搜索