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

Question

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

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

const somename = array1;

标签： javascriptarraysreactjsdynamicnext.js

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回来的。