reactjs--子组件调用父组件的方法

1、页面中首先引入相关 js

2、此例子中:table组件为父组件，弹层组件为子组件

3、html代码

	
id="showHide">

4、js代码

//列表组件
var PopShow = React.createClass({
    getInitialState: function() {
        return {
            hideParent: false,
            id:null
        };
    },

    deleteClick:function(data){
        console.log(this.state.hideParent);
        this.setState({
            hideParent:!this.state.hideParent,
            id:data
        });
    },
    cancelClick:function(){
        this.setState({
            hideParent: !this.state.hideParent
        });
    },
    sureClick:function(){
        this.setState({
            hideParent: !this.state.hideParent
        });
        console.log(this.state.id);
        //也可进行异步方法调用
    },
    render:function (){
        return(
                

                    className="tab">                                            
序号
名称
操作

1
海南大学
 onClick={this.deleteClick.bind(this,"11")}>删除

                    {this.state.hideParent ?callbackParentSure={this.sureClick} callbackParentCancel={this.cancelClick}/>:null}
                

        );
    }
});

ReactDOM.render(
        ,
        document.getElementById('showHide')
);

//弹层组件
var PopAlert = React.createClass({
    childCancel:function(){
        this.props.callbackParentCancel();
    },
    childSure:function(){
        this.props.callbackParentSure();
    },
    render: function() {
        return 
className="pop">
确定删除?
            onClick={this.childCancel}>取消onClick={this.childSure}>确定
        
    }
});

5、页面效果