mysql 如何使用React和Typescript文件将操作主页连接到json文件？

jv4diomz 于 2023-04-04 发布在 Mysql

关注(0)|答案(1)|浏览(102)

我试图将我的测试数据连接到我的主页，以显示我创建的虚拟数据。它应该显示在主页上，但我有很多问题，试图找出如何链接两者。
我的代码所在的GitHub是https://github.com/Senior-Project-2/tsu-software-engineering-react.git。包含虚拟数据的文件是“clientsDb”，主页代码是Views文件夹中的“Home.tsx”。请提供任何帮助。
我的主要目标是让我的文件“clientsDb”在数据常量文件夹中显示在主页上的数据，但我有相当多的问题试图弄清楚它。我有一个单独的页面试图连接它，但还没有完全弄清楚如何连接页面相互链接，所以我一直在尝试在“App.tsx”文件中使用它，至少确保我的代码正确运行。
请提供更多帮助......当我从下面的答案进行更改时，我得到了这个错误-“TS 2307：Cannot find module '../DataConstants/clientsDb.json' or its corresponding type declarations.".我将在下面留下屏幕截图。Error Message Screenshot

mysql

来源：https://stackoverflow.com/questions/75925343/how-to-connect-an-operating-homepage-to-a-json-file-using-react-and-typescript-f

1条答案

按热度按时间

bfhwhh0e1#

要在主页上显示“clientsDb”文件中的数据，可以使用以下代码从“Home.tsx”文件中的“clientsDb”文件导入数据：

import { clients } from '../Data Constants/clientsDb';

这将从“clientsDb”文件导入clients数组。然后您可以使用此数组在主页上显示数据。例如，您可以Map数组并呈现每个客户端的数据：

return (
  <div>
    {clients.map((client) => (
      <div key={client.id}>
        <h2>{client.name}</h2>
        <p>{client.description}</p>
      </div>
    ))}
  </div>
);

此代码将呈现clients数组中每个客户机的名称和描述。

赞(0）回复(0）举报 2023-04-04

我来回答

mysql 如何使用React和Typescript文件将操作主页连接到json文件？

1条答案

相关问题

热门标签

最新问答