Add classSet property as a shortcut for React.addons.classSet.

README.md

@@ -18,7 +18,7 @@ module.exports = React.createClass({
         r.h2('This is React.js markup')
         r(AnotherComponent, {foo: 'bar'}),
         r.div({
-          className: { // automatically use React classSet
+          classSet: { // automatically use React classSet
             foo: this.props.foo,
             bar: this.props.bar
           },
@@ -52,4 +52,4 @@ Returns a React element
 
 - **isRendered** `Boolean` - If strictly to false, React will skip rendering the target component.
 
-- **className** `String|Object` - If the className value is an object, apply React.addons.classSet() automatically.
+- **classSet** `String|Object` - If the classSet value is an object, apply React.addons.classSet() automatically and assign to className.

index.js

@@ -34,12 +34,23 @@ function r(component, properties, children) {
   return React.createElement(component, properties);
 }
 
-// Wraps the className property value with React classSet if it's an object.
+// Wraps the classSet property value with React.addons.classSet
+// and merge into className.
 function processClasses(properties) {
-  var className = properties.className;
+  var classSetConfig = properties.classSet;
+  if (classSetConfig) {
+    var className = properties.className;
+    if (className && typeof className === 'string') {
+      var names = className.match(/\S+/g);
 
-  if (className && typeof className === 'object') {
-    properties.className = classSet(className);
+      if (names) {
+        for (var i = 0; i < names.length; i++) {
+          classSetConfig[names[i]] = true;
+        }
+      }
+    }
+
+    properties.className = classSet(classSetConfig);
   }
 }
 

test/fixtures/render-types.js

@@ -57,13 +57,14 @@ module.exports = {
     )
   },
   componentWithDynamicClassNames: {
-    html: '<div><h1></h1><div class="class1 class2"></div></div>',
+    html: '<div><h1></h1><div class="class1 class3 class4"></div></div>',
     dom: (
       r(Component, [
         r.div({
-          className: {
+          className: ' class3 class4  ',
+          classSet: {
             class1: true,
-            class2: true,
+            class2: false,
             class3: false
           }
         })