react-navbar-test/components/DropDown/index.js

React Responsive Navbar Test Release

import React from "react";

const classNames = require("classnames");

class Dropdown extends React.Component {
    state = {
        expanded: false
    };

    handleClick = event => {
        event.stopPropagation();
        this.setState({ expanded: !this.state.expanded });
    };

    render() {
        const { expanded } = this.state;
        const dropdownClasses = classNames("navitem", "navdropdown");

        return (
            <li className={dropdownClasses}>
                <span onClick={this.handleClick}>{this.props.label}</span>
                {expanded && (
                    <ul className="dropdown">{this.props.children}</ul>
                )}
            </li>
        );
    }
}

export default Dropdown;