对象字面量中可以使用中括号作为属性,表示属性也能是一个变量

  • 在对象字面量中可以使用中括号作为属性,表示属性也能是一个变量了。 
  1. const name = 'Jane';
  2.  
    const age = 20
  3.  
     
  4.  
    const person = {
  5.  
    [name]: true,
  6.  
    [age]: true
  7.  
    }

在ant-design的源码实现中,就大量使用了这种方式来拼接当前元素的className,例如:

  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,
  7.  
posted @ 2018-07-30 09:16  daidai201  阅读(900)  评论(0编辑  收藏  举报