在ReactJS中按条件获取对象

时间:2019-04-05 10:23:38

标签: reactjs if-statement react-component

我有一个类似jsx的文件

const Routes = {
    item: '/Dev/Item',
    count: '/Dev/Count',
};

module.exports = Routes;

我希望对象处于明智的状态,例如

const Routes = {};
    if(true){
        this.Routes = {
            item: '/Dev/Item',
            count: '/Dev/Count',
        };
    }
    else{
      this.Routes = {
            item: '/Prod/Item',
            count: '/Prod/Count',
        };
    }

    module.exports = Routes;

我可以在任何组件上导入此文件,并且可以访问Route.item或Route.Count 如果没有,我该怎么办?

1 个答案:

答案 0 :(得分:2)

const是块作用域的,因此Routes不会在if语句之后定义。

您可以改为在if语句之前使用let创建一个变量,并为其分配一个值。

let Routes;

if (true) {
  Routes = {
    item: "/Dev/Item",
    count: "/Dev/Count"
  };
} else {
  Routes = {
    item: "/Prod/Item",
    count: "/Prod/Count"
  };
}

module.exports = Routes;