react hook 之组件内样式

组件内样式

实现组件内样式，className={styles[‘btn’]}

import styles from './index.less'

const TestCom: React.FC = (props) => {

  return (

    <div>

      <button className={`${styles['btn-red']}`}>按钮</button>

    </div>

  )

}

实现多个样式 

利用es6模板字符串实现，里面可以是三元表达式，复杂点也可以是一个方法

<div className={`${styles['btn']} ${styles[isRed?'redBtn':'']}`}></div>