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

问题描述

问 题

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

解决方案

可以的。

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
}

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

这篇关于javascript - 如何进行条件判断后再加载某个组件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！