Question

我有一个用来导出许多变量的constants.js文件，还有一个react example.js页面，用于在handleBlur函数中访问这些变量。

在constants.js中：

export let vegetable = [{id: vege1, label: Vege 1}]
export let animal = [{id: animal1, label: Animal 1}]
export let toy = [{id: toy1, label: Toy 1}]

在example.js中：

import * as items from './constants.js' 

handleBlur = (event) => {
    console.log(items.vegetable)    
}

当前handleBlur将记录蔬菜的记录。当我执行'vegetable'时，事件的值为'animal'，'toy'或event.target.value。所以问题是如何根据事件的值从常量文件中获取项目？我做了console.log('items.' + event.target.value)显然不起作用，因为它将console.log一个字符串。

Answer 1

您可以使用数组符号访问对象属性：

handleBlur = (event) => {
  console.log(items[event.target.value])
}

如何为Javascript为变量创建动态字符串

1 个答案: