问题标签 [react-starter-kit]

我有一个基于 React Starter Kit 的应用程序。

每个页面都有一个 fetch 函数，在 componentDidMount 生命周期中从 API 获取数据。

我想先获取数据，然后用数据渲染页面并将其返回给客户端。就我而言，UX 无论如何。

我知道 RSK 是同构的，我已准备好更改样板或创建自己的样板。但我不明白如何在渲染页面之前从 API 获取数据（我的意思是如何告诉快递服务器需要什么数据）。

App现在如何获取数据：

example_page.js：

getAllBooks.js：

doGet.js：

server.js：

我刚刚完成原型，我急切地寻找任何入门工具包或样板，我已经搜索过，但如果有人知道任何网站或链接，我将无法访问它会很棒。

我有一个问题，即如何为下面的函数编写单元测试，函数是登录用户，具有一系列操作，例如用户输入数据、按下（假动作）按钮并向服务器发送请求和向用户响应数据使用 Jest 和 Enzyme 但我不知道该怎么做，还是我误解了 reactjs 中的单元测试？

我想要做的是提高单击时 React 路由器加载组件的速度，现在显示它大约需要 1 秒，我希望它像其他较轻的组件一样单击后几乎立即显示。然而，这个组件内部嵌套了 3 个其他大组件，这可能是它加载速度比平时慢的原因吗？

我想要实现的目标： - 预加载组件或预安装，以某种方式预渲染它，以便当我单击路由器链接时 - 它几乎立即显示所需的大组件，就像其他不太重的组件一样。

到目前为止尝试过：使用 React.lazy 进行延迟加载和预加载 https://hackernoon.com/lazy-loading-and-preloading-components-in-react-16-6-804de091c82d

不幸的是，我的应用程序是 SSR 服务器端，并且服务器端反应应用程序不支持 React.lazy。

请告知我应该怎么做才能达到预期的结果？

非常感谢！！！伊万

这是 server.js

这里是路由器

所以这就是事情。我有端点，但不知道如何过滤响应并为每个对象以相同的方式列出结果。

我知道这是一个非常新手的介绍性问题，我感谢你们认为可以提供帮助的任何文章。

数据格式为：

我使用以下react 入门工具包启动了一个 React 应用程序，并尝试使用我在现有旧 Web 项目中创建的组件之一。

使用入门工具包创建组件后，我运行npm run build并获得以下块：

因为我试图导入我的 Home 组件，所以我复制home.js到我的旧项目中，并使用 React 引用它。

我在旧项目中做了什么：

然后在我想显示我的组件的页面上：

但控制台显示以下错误：

知道我缺少什么吗？

我在处理图表库时遇到问题。

一步步

1. 创建一个空项目

$ npx create-react-app chart-demo --template typescript

2. 添加图表

$ yarn add @types/recharts

3. 运行项目

$ yarn start

它显示以下错误。

仅供参考，它不仅适用于 recharts，而且适用于几个图书馆。幸运的是，我发现胜利图表正在运行

真的很新鲜的一个新项目，只是添加recharts而已。
请帮我弄清楚这个问题。

Package.json