react 我点击一个小组件 ，让另一个大组件添加这个小组件

Question

react 我点击一个小组件 ，让另一个大组件添加这个小组件

    var ProductionStyle1=React.createClass({
        
        render :function(){
            return (
                <li></li>
            )
        }
    })
    var ProductionSection=React.createClass({
        render : function(){
            return (
                <ul className="section">
                </ul>
            )
        }
    })
    //舞台
    var ProductionAside=React.createClass({
        handleClick : function(){
            console.log(1);
        },
        render : function(){
            return (
                <ul className="aside">
                    <ProductionStyle1  />
                    <ProductionStyle1 />
                    <ProductionStyle1 />
                </ul>
            )
        }
    })
    
    var ProductionStage=React.createClass({
        handleClick : function(){
            alert(0);
        },
        render : function(){
            return (
                <div className="content">
                    <ProductionAside />
                    <ProductionSection />
                </div>
            )
        }
    })
    //渲染
    ReactDOM.render(
        <ProductionStage />,    
        document.getElementById('content')
    )

Answer 1

通过使用HOC的方式，给左侧小组件增加click事件处理，同时能够知道那个组件被点击，右侧拿到被点击的组件后，把组件渲染到舞台内。