react-classes
A small wrapper for
React.addons.classSet
WARNING: This module is no longer actively maintained. As of React version 0.13.0, React.addons.classSet
is deprecated and as of React version 0.14.0, addons are no longer a part of the React core. I would reccommend using the classnames module instead.
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.