css modules react-component#3

Ubiatar · Jan 24, 2017 · f6eed74 · f6eed74
1 parent e0505a5
commit f6eed74
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/MenuItem.jsx b/src/MenuItem.jsx
@@ -2,6 +2,7 @@ import React, { PropTypes } from 'react';
 import KeyCode from 'rc-util/lib/KeyCode';
 import classnames from 'classnames';
 import { noop } from './util';
+import css from '../assets/index.css';
 
 /* eslint react/no-is-mounted:0 */
 
@@ -152,10 +153,10 @@ const MenuItem = React.createClass({
     const props = this.props;
     const selected = this.isSelected();
     const classes = {};
-    classes[this.getActiveClassName()] = !props.disabled && props.active;
-    classes[this.getSelectedClassName()] = selected;
-    classes[this.getDisabledClassName()] = props.disabled;
-    classes[this.getPrefixCls()] = true;
+    classes[css[this.getActiveClassName()]] = !props.disabled && props.active;
+    classes[css[this.getSelectedClassName()]] = selected;
+    classes[css[this.getDisabledClassName()]] = props.disabled;
+    classes[css[this.getPrefixCls()]] = true;
     classes[props.className] = !!props.className;
     const attrs = {
       ...props.attribute,

diff --git a/src/SubMenu.jsx b/src/SubMenu.jsx
@@ -3,6 +3,7 @@ import React, { PropTypes } from 'react';
 import KeyCode from 'rc-util/lib/KeyCode';
 import classnames from 'classnames';
 import { noop, loopMenuItemRecusively } from './util';
+import css from '../assets/index.css';
 
 let guid = 0;
 
@@ -390,8 +391,8 @@ const SubMenu = React.createClass({
       }
     }
 
-    classes[prefixCls] = true;
-    classes[`${prefixCls}-${props.mode}`] = 1;
+    classes[css[prefixCls]] = true;
+    classes[css[`${prefixCls}-${props.mode}`]] = 1;
     let titleClickEvents = {};
     let mouseEvents = {};
     let titleMouseEvents = {};