React 动态组件

好久之前遇到的，一直没有时间记录下，今天记录一下

贴个代码

import Component1 from "./component1.jsx";
import Component2 from "./component2.jsx";

这时候我们想要在 render 的时候动态判断，然后加载不同的组件，怎么办呢？
试试这个：

render() {
    let Comp = choose1 ? eval(Component1) : eval(Component2);
    
    return (
        <Comp prop1={data1} prop2={data2} />
    );
}

嗯嗯，大概就是这样~ 很简单吧~

好啦，就这样吧，晚安~

----------- 2016.08.31 更新 ----------------

好久没有写 react 了，最近又开始写的时候，发现已经不需要这么麻烦了

大概这个样子就可以

render() {
    let Comp = choose1 ? Component1 : Component2;
    
    return (
        <Comp prop1={data1} prop2={data2} />
    );
}

嗯嗯，就是这样！