Javascript 反应+；TypeScript：如何修复"；返回类型'；元素[]和#x27；不是有效的JSX元素；？ 如何解决TypeScript上的错误

我正在使用React和TypesCrpt从头开始创建折线图。
我找到了这个视频，它展示了如何使用React和Javascript从头开始创建折线图。

我试图将一些代码从JavaScript转换为TypeScript。
出现了一些错误，我找不到解决这些错误的方法。

如何删除这些错误

“LabelsXAxis”不能用作JSX组件。
其返回类型“Element[]”不是有效的JSX元素。
类型“Element[]”缺少类型“ReactElement”中的以下属性：类型、道具、键TS2786

data.map创建的元素数组不能用作元素。在这种情况下，可能适合将data.map包装在一个片段中，如下所示：

return <>{
  data.map(/*... Your code*/)
}</>

返回{
data.map（/*…您的代码*/）
}

data.map创建一个元素数组，不能用作元素。在这种情况下，可能适合将data.map包装在一个片段中，如下所示：

return <>{
  data.map(/*... Your code*/)
}</>

返回{
data.map（/*…您的代码*/）
}

这是React的TypeScript类型定义的限制。React将允许从组件呈现函数返回数组，但TypeScript（当前）不允许。您可以在此处找到关于它的讨论：

---

作为一种解决方法，您可以将结果包装为：

{…}

这是React的TypeScript类型定义的一个限制。React将允许从组件呈现函数返回数组，但TypeScript（当前）不允许。您可以在此处找到关于它的讨论：

---

作为一种解决方法，您可以将结果包装为：

{…}

它解决错误。非常感谢。它解决了错误。非常感谢。它解决了错误。谢谢你的文件！它解决了错误。谢谢你的文件！