鍍金池/ 問答/HTML/ 請問 .a .b{ }這種樣式在react中import后，className怎

請問 .a .b{ }這種樣式在react中import后，className怎么添加？

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>
  )
}

上面我這樣寫好像是沒有效果的！

回答
編輯回答
寫榮

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>
  )
}
2018年5月30日 02:28
編輯回答
荒城

className='a b'

2018年8月18日 14:49
編輯回答
枕邊人
<div className='a'>
    <div className='b'>
      怎么添加樣式啊？
    </div>
</div>
2018年6月30日 15:16