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

Question

styles.css:.a .b{  width: 100px}index,jsimppot 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'>

    <div className='b'>

      怎么添加样式啊？

    </div>

</div>

Answer 3

1.webpack打包样式

import React from 'react'import './styles/index.css'function demo(){  return (    <div className='a'>
        <div className='b'>
        </div>
    </div>
  )
}

2.嵌入式

import React from 'react'function demo(){  return (    <div className='a' style={{width: 100}}>
        <div className='b' style={{width: 100}}>
        </div>
    </div>
  )
}