请问 .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'>
    <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>
  )
}