javascript - 如何将动态字符串设置为 Javascript 变量

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 将控制台记录蔬菜的项目。当我执行 event.target.value 时，事件的值为 'vegetable'、'animal' 或 'toy' 。那么问题是如何根据事件的值从常量文件中获取该项？我做了 console.log('items.' + event.target.value) ，这显然不起作用，因为它会 console.log 一个字符串。

Answer 1

您可以使用数组表示法访问对象属性:

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