React中如何给标签添加ClassName名字并使用上less样式

Question

import styles from './style.less'

<TabPane key="1" tab="结果内容">
     <pre>{result}</pre>
</TabPane>

怎么给pre添加一个class名，并且使用到less里面的内容

style.less

.pre-css {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
}

最终的效果就是能够使pre里面的内容超过100%自动换行

Answer 1

className={styles['pre-css']} 不知道你用的什么loader 如果还不行就className={'pre-css'}试试