请问 .a .b{ }这种样式在react中import后，className怎么添加？

Question

styles.css:

.a .b{

  width: 100px

}

index,js

imppot React from 'react'

import styles from './styles'

function demo(){

  return (

    <div className={styles['a', 'b']}>

      怎么添加样式啊？

    </div>

  )

}

上面我这样写好像是没有效果的！

Answer 1

className='a b'

Answer 2

<div className='a'>&nbsp; &nbsp; <div className='b'>&nbsp; &nbsp; &nbsp; 怎么添加样式啊？&nbsp; &nbsp; </div></div>

Answer 3

1.webpack打包样式import&nbsp;React&nbsp;from&nbsp;'react'import&nbsp;'./styles/index.css'function&nbsp;demo(){&nbsp;&nbsp;return&nbsp;(&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;className='a'> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;className='b'> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;) }2.嵌入式import&nbsp;React&nbsp;from&nbsp;'react'function&nbsp;demo(){&nbsp;&nbsp;return&nbsp;(&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;className='a'&nbsp;style={{width:&nbsp;100}}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;className='b'&nbsp;style={{width:&nbsp;100}}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;) }