var Mine = React.createClass({
    getInitialState:function(){
        return {userInfo:[]};
    },
    componentWillMount:function(){

        var _this = this;

        loadCommentsFromServer(apiurl,{
            action:'user_info',
            token:'5b18469422232e5022de1d1c35aa43c1'
        }, function(data) {
            if(data.error_code == 0){
                //console.log(data.data)
                _this.setState({
                    userInfo: data.data
                });

            }else{
                alert('错误代码：' + data.error_code + ',请联系管理员！');
            }
        });
    },
    render:function(){
        return (
            

                

                
                
                
            

        );
    }
});

var MineInfo = React.createClass({
    getInitialState:function(){
        console.log(this.props.data)
        return {imgurl:this.props.data.avator,avatorurl:this.props.data.avator,data:this.props.data};
    },

    render:function(){
    
        var avatarStyle = {
            backgroundImage:'url('+this.state.avatorurl+')'
        }
        return (
            

                

                    

                        
 返回
                        
修改个人信息
                    

                
                
                

                    

                        

                        
更换头像
                        

                    

                    
                

                
                
            

        );
    }
});

代码如上面所示。
因为MineInfo 的数据是依赖this.state.userInfo的，但是MineInfo 那里总是获取的数据是空的，然而在Mine 的componentWillMount的时候，更新了userInfo，MineInfo得到的却不是这个更新后的值。

这个应该怎么办呢？