react 组件使用 less 引入自定义样式

1、定义 less 文件

.site_page_header {
  border: 1px solid rgb(235, 237, 240);
}

2、在 JSX 中引入 less 文件，并在需要渲染的组件中引入样式

import styles from './xxx.less'

<PageHeader
className={styles.site_page_header}>
</PageHeader>

注意 less 样式不支持横线 - 命名，使用下划线 _ 代替