javascript - 如何使用reactjs或nextjs中的下拉选项为数组创建动态常量名称？

Question

是否可以使用下拉选项创建数组的动态常量名称？

Import {array1, array2, array3} from './myfilesystem/arrays';

const somename = array1;

Answer 1

您需要:

1. 将数组放入键控对象中。

2. 将按键放入下拉列表中。

3. 将选定的键放入变量中。

4. 使用该变量的值来查找对象中的数组。

像这样:

const arrays = {
  array1: [...],
  array2: [...],
  array3: [...]
}

const optionsForDropdown = Object.keys(arrays) // ["array1", "array2",...]

function returnSelectedArray(selectedKey) {
  return arrays[selectedKey]
}

因此，如果您调用 returnSelectedArray("array1") 或者您这样做:

const key = "array1"
returnSelectedArray(key)

你会得到arrays.array1回来。