react中css样式的私有，怎么做？

Question

我在学习react的时候，在写样式的时候，两个组件中写的类名className相同了，会全部作用到，在vue里面，样式的控制有一个scoped来限制样式作用的范围，不知道react是否有类似的操作来管理样式的作用域。希望大神们帮忙解惑一二，Thank you！

Answer 1

用css module完全可以做

Answer 2

react的样式管理是比较弱的，官方是建议把style直接写到jsx标签里

Answer 3

.a .c {
 //.......
}

.b .c {
 //........
}

<div>
    <div className='a'>
        <div className='c'></div>
    </div>
     <div className='b'>
        <div className='c'></div>
    </div>
</div>