react classnames 抽离

Question

如图 有没有好的方法 可以抽离出我勾选的那块、我尝试过定义一个方法
用传参的方式 但是一直报错

<li className={classnames({ disabled: item.type !== 'indicatorsMessage' ? elementIsClick[i][item.type] : false })} key={i} span={24} onClick={this.onAddNavHandler.bind(this, item, i)}>
    <p style={{ fontSize: 14, marginBottom: 20 }}>{item.text}</p>
    <img src={item.img} title="" className="instruction-img" />
  </li>

Answer 1

className={cx(item.type !== 'indicatorsMessage' && elementIsClick[i][item.type])}