react 類名設定函數className

function className(data) {
    return Object.entries(data).reduce((str, [key, value]) => {
       let name = ''
       if(value) {
          name = key
       }
       str += `${name} `
       return str
    }, '')
}
export default className
           

用法例：

<li className={className({
      'item-active': active === key
      'item': true,
      'tap': false
   })}></li>

//輸出<li class=''item-active item'></li>