Accordion component ReactJS

gistfile1.js

var Accordion = React.createClass({

    changeCurrent: function (index) {
        this.setState({ currentSection: index });
    },

    getInitialState: function() {
        return {
            currentSection: 0
        };
    },

    render: function () {
        return (
            <div className="accordion">
                {this.getSections()}
            </div>
        );
    },

    getSections: function () {
        return this.props.children.map(function (section, index) {
            return React.addons.cloneWithProps(section, {
                key: index,
                index: index,
                changeCurrent: this.changeCurrent,
                isOpened: (index === this.state.currentSection)
            });
        }.bind(this));
    }

});

var AccordionSection = React.createClass({

    changeCurrent: function (e) {
        this.props.changeCurrent(this.props.index);
    },

    render: function() {
        var classNames = 'section'

        if (this.props.isOpened) {
            classNames += ' opened';
        }

        return (
            <div className={classNames}>
                <h2 onClick={this.changeCurrent}>{this.props.title}</h2>
                <div className="content">
                    {this.props.children}
                </div>
            </div>
        );
    }

});