如何在 Nodejs 中部分更新网页？ [关闭]

Question

我已经开始学习react和nodejs，尝试用nodejs搭建一个pokemon网页，用pokeapi做react。

我想先获取一个口袋妖怪列表的基本信息，然后将它们列为卡片。

我想为每张卡片添加一个功能，这样当我点击它们时，一个模式（默认情况下不可见）将显示该点击的口袋妖怪的详细信息。

我不知道会提前挑选哪个口袋妖怪。所以我想我需要向服务器发送一个请求，要求服务器为我获取数据。那么如何使用 react 来做到这一点呢？

虽然我不想重新加载所有网页，但我需要再次获取所有宠物小精灵的数据。谁能给我一些建议？

Answer 1

你不需要太多 nodejs 代码，因为你有一个 restful api (pokeapi)

您还需要熟悉基本的反应设置结帐 https://www.google.is/search?q=first+react+app&oq=first+react+app

基本设置是这样的>>

您将从获取口袋妖怪列表开始。

1. 结帐获取https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

   获取('https://pokeapi.co/api/v2/pokemon/?limit=10') .then（响应 => { 控制台日志（响应） })

2. 然后你会列出口袋妖怪的名字

   response.results.forEach(item => { console.log(item.name + ' ' + item.url); })

3. 然后创建一个模式（查看https://github.com/reactjs/react-modal）来查询每个pokemon对应的URL

   获取('https://pokeapi.co/api/v2/pokemon/1/') .then（响应 => { // 打开显示“响应”的反应模式的代码 })