时间戳

首页 > 解决方案 > 如何为Javascript的变量制作动态字符串

javascript - 如何为Javascript的变量制作动态字符串

问题描述

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

在常量.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'when I do event.target.value。那么问题来了，如何根据事件的值从常量文件中获取item呢？我做了console.log('items.' + event.target.value)这显然行不通，因为它会 console.log 一个字符串。

标签： javascriptarraysimport

解决方案

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

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

推荐阅读