Javascript 在ReactJS中呈现JSON键值对？

我从JS跳到React。我已经搜索了一些与此相关的其他线索，但它们似乎太具体了，或者回答了一个不同的问题

我有一个用python脚本生成的本地JSON文件。它看起来如下所示：

[{“你好”：10，“世界”：15}]

我如何从对象JSON文本中获取键和值，并通过react组件进行渲染

我将文件存储在一个变量中，如：

'var jsonData=require（'./data.json'）

当然，我可以使用日志通过控制台调用数据，但如果我尝试通过渲染函数显示数据，如：

{jsonData}

我得到一个错误，指出“对象作为React子对象（…）无效”

导入和显示JSON文件中的键值对的正确方法是什么
 要将JSON转换为字符串，为了显示，可以使用
JSON.stringify
方法：

<div>{JSON.stringify(jsonData)}</div>

{JSON.stringify（jsonData）}

当然，您可能希望使用HTML/CSS正确格式化数据。
{'hello'：10，'world'：15}
不是JSON。因为错误消息对象无效。您可以尝试将对象转换为字符串并显示
{jsonData.toString（）}
@RandyCasburn您能详细说明一下吗？我的理解是JSON对象是基于键值对的？
[{'a'：1，'b'：2]
怎么不是JSON？@mochamethod@RandyCasburn-ment，我认为，尽管用于表示键值对的格式是有效的JS，但不是有效的JSON，因为JSON规范明确地强制使用双引号（
“
）当然，格式化也会出现。谢谢你的回答。它只是将数据显示为字符串，这正是我想要的。