Example using moduleName.

Author: gajus

src/UsingModuleName/car.css

@@ -0,0 +1,11 @@
+.car {
+    background: #eee;
+}
+
+.front-door {
+    color: #0f0;
+}
+
+.back-door {
+    color: #00f;
+}

src/UsingModuleName/index.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import styles from './car.css';
+import CSSModules from 'react-css-modules';
+
+class Car extends React.Component {
+    render () {
+        return <div moduleName='car'>
+            <div moduleName='front-door'>front-door</div>
+            <div moduleName='back-door'>back-door</div>
+        </div>;
+    }
+}
+
+export default CSSModules(Car, styles, {
+    useModuleName: true
+});

src/index.js

@@ -2,8 +2,10 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Car from './Car';
 import UsingDecorator from './UsingDecorator';
+import UsingModuleName from './UsingModuleName';
 
 ReactDOM.render(<div>
     <Car />
     <UsingDecorator />
+    <UsingModuleName />
 </div>, document.querySelector('#app'));