问无限循环Redux / React？

EN

<Configuration>
    <Switch>
      .....
    </Switch>
</Configuration>

const mustBe = ['menu'];

function mapStateToProps (state) {
  return {...state.configuration}
}


function mapDispatchToProps(dispatch){
    return {
        actions: bindActionCreators({
            ...upload
        }, dispatch),
        dispatch
    }
}

class Configuration extends React.Component {

    constructor(props, context){
        super(props, context);

        this.state = {uploaded: false}

    }

    componentDidMount(){

        for(let key of mustBe){

            if(!this.props[key] || !Object.keys(this.props[key]).length ){
                this.props.actions.upload()
            }
        }

    }

    componentWillReceiveProps(){
        this.setState((state) => {
            return {uploaded: true}
        })
    }


    render(){

        if(!this.state.uploaded) return null;

        return {this.props.children};
        )
    }
}

Configuration.contextTypes = {
    router: PropTypes.object
}

export default withRouter(connect(mapStateToProps, mapDispatchToProps)(Configuration));

import menu from './menu.rd.js';


const Configuration = combineReducers({
  menu
});

function mapStateToProps (state) {
  return {...state.configuration.menu}
}

function mapDispatchToProps(dispatch){
    return {
        actions: bindActionCreators({
            ...menu
        }, dispatch),
        dispatch
    }
}


class Menu extends React.Component {
    constructor(props, context){
        super(props, context);
    }

    componentDidMount(){

        let {pathname} = this.context.router.route.location;
        this.props.actions.changed(pathname);

    }

    render(){

        return (
            ...
        )
    }
}

export default connect(mapStateToProps, mapDispatchToProps)(Menu);