小编Pau*_*hey的帖子

向所有可能读到这篇文章的人致敬！我想提前感谢任何帮助或指导进一步研究这个主题，因为我不确定我是否完全理解逻辑。

我正在创建一个 React 应用程序，它使用按钮组件，并从由名称组成的外部本地 JSON 数组获取它的 props。例如：

import React from 'react';
import * as buttonNames from '/localdirectory/buttonNames.json';

class Buttons extends React.Component {
    render() {
        return (
            {buttonNames.map((buttonName, i) => {
                return <button>{buttonName}</button>
            }}
        );
    }
}

JSON 数组如下所示：

[
"10A",
"10B",
"10C",
"10D",
"10E",
"10F"
]

这是我正在尝试做的事情的一个简化示例，但是从我的角度来看，预期结果是映射函数应该迭代 JSON 数组并将每个变量分配给变量，buttonName然后使用该变量通过innerHTML 创建 6 个不同的按钮由数组项的内容填充。

然而，程序会抛出一个错误，指出map未从 JSON 数组导出，为什么它需要放在第一位？程序不应该简单地导入它并将其视为具有内置 JS 方法（例如map和 ）的标准数组吗？forEach

我尝试过将文件作为 CSV 处理并使用 D3 导入，但是这会返回一个承诺，但我不希望出现这种情况，因为我正在使用它加载 UI 并且包含的​​文件不是buttonNames特别大的。使用JSON.parse()也不起作用，因为程序声明目标已经是一个对象。

感谢并接受任何建议！