popin.js

const MaPopin1 = require('./maPopin1');
const MaPopin2 = require('./maPopin2');

module.exports = React.createClass({
  displayName: 'MaPage',
  
  togglePopin1(){
    this.refs.popin1.toggleOpen();
  }
  togglePopinPopin2(){
    this.refs.popin2.toggleOpen();
  }
  
  render(){
   
    return (
      <div class='ma-page'>
          <Panel1>
            <Button onClick={()=> this.togglePopin1()}/>
          </Panel1>
          <Popin1 level={1} ref='popin1' onClickOpenPopin2={()=>this.togglePopinPopin2()} />
          <Popin2 level={2} ref='popin2' />
      </div>  
    );
    
  }
})