styleName.

Author: gajus

src/UsingDecorator/index.js

@@ -5,9 +5,9 @@ import CSSModules from 'react-css-modules';
 @CSSModules(styles)
 export default class extends React.Component {
     render () {
-        return <div localClassName='car'>
-            <div localClassName='front-door'>front-door</div>
-            <div localClassName='back-door'>back-door</div>
+        return <div styleName='car'>
+            <div styleName='front-door'>front-door</div>
+            <div styleName='back-door'>back-door</div>
         </div>;
     }
 }

src/UsingLocalClassName/car.css renamed to src/UsingStyleName/car.css

@@ -4,9 +4,9 @@ import CSSModules from 'react-css-modules';
 
 class Car extends React.Component {
     render () {
-        return <div localClassName='car'>
-            <div localClassName='front-door'>front-door</div>
-            <div localClassName='back-door'>back-door</div>
+        return <div styleName='car'>
+            <div styleName='front-door'>front-door</div>
+            <div styleName='back-door'>back-door</div>
         </div>;
     }
 }

src/UsingLocalClassName/index.js renamed to src/UsingStyleName/index.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import UsingLocalClassName from './UsingLocalClassName';
+import UsingstyleName from './UsingstyleName';
 import UsingDecorator from './UsingDecorator';
 
 ReactDOM.render(<div>
-    <UsingLocalClassName />
+    <UsingstyleName />
     <UsingDecorator />
 </div>, document.querySelector('#app'));