Method render

demo/example/MenuDemo.jsx:75–174

()

    }

    render() {

        const style = {
            'width': '200px'
        }

        return (
            <div id="menu_demo">
                <h3>Menu</h3>
                <ul>
                    <li>
                        <h4>Default menu</h4>
                        <p>you selected item index is {this.state.index}</p>
                        {this.formatChild({current: this.state.index, onChange: this.displayChange.bind(this), style, activeFirst: true })}
                        <pre>
                            <code>
{`
<Menu current={current} onChange={onChange}>
    <Item index='sub0' sub={true} active={activeFirst} title={<p>Sub Menu</p>}>
        <Menu className="second-menu">
            <Item index="0">
                <p>Sub item</p>
            </Item>
            ...
            <Item sub={true} index="sub0_1" title={<p>Third Menu</p>}>
                <Menu className="third-menu">
                    <Item index="10">
                        <p>Third item</p>
                    </Item>
                    ...
                </Menu>
            </Item>
        </Menu>
    </Item>
    ...
    <Item index="4">
        <p>Item <a target="_blank" href="http://braavos.me" style={{'color': '#f00'}}>blog</a></p>
    </Item>
</Menu>
`}                                
                            </code>
                        </pre>
                    </li>
                    <li>
                        <h4>Accordion menu </h4>
                        <p>only show one menu at a atime, accordion</p>
                        {this.formatChild({ accordion: true, style})}
                        <pre>
                            <code>
{`
<Menu current={current} accordion={true}>
    ...
</Menu>
`}                                
                            </code>
                        </pre>
                    </li>
                    <li>