React Classes

Warning

As of 2018 August 18, this project is depreciated and unmaintained.

In React version 0.13.0, React.addons.classSet was depreciated and in React version 0.14.0, add-ons were removed from the React package.

I would recommend the classnames package as a replacement.

Overview

This module adds additional functionality to class name manipulation in React by allowing a base class to be specified.

Example

This component will always be rendered with base class of .foo and will have the classes of .bar & .baz when the expressions are true.

render: function() {

  var classes = this.getClass('foo', {
    'bar': this.props.bar === true,
    'baz': this.props.baz === true
  });

  return (
    <div className={classes}></div>
  );

}

Quick Start

Install with npm:

npm install react-classes --save

Require the module in your project and add it to the React component as a mixin.

/** @jsx React.DOM */

var React = require('react');
var classes = require('react-classes');

module.exports = React.CreateClass({

  mixins: [classes],

---

Built with care in New Orleans by Patrick Burtchaell.

Copyright 2014 Patrick Burtchaell. All rights reserved.