如何进行条件判断后再加载某个组件

Question

我不想直接加载某个组件，想在某个条件判断之后再加载这个组件，请问用什么方式可以这样

Answer 1

可以的。

this.state = {

  modules: [a, b, c]

};

componentWillMount() {

  var modules = this.state.modules;

  if(...) {

    modules.push(d);

    this.setState({

      modules: modules

    });

  }

}

render() {

  {

    this.state.modules.map(function(m) {

      var M = loader.modules[m]; // loader中加载了所有模块

      return <M />

    })

  }

}

loader大概是这个样子

var modules = {};

[a, b, c, d].forEach((m) => {

  modoles.m = require(m);

});

module.exports = {

  modules: modules

}

这个是大概写的一下，不要纠结细节，意思到了就行。。