我已经开始学习react和nodejs，尝试使用nodejs构建一个口袋妖怪网页并使用pokeapi做出反应。
我想首先获取小宠物列表的基本信息，然后将它们列为卡片。
我想为每张卡片添加一项功能，这样当我点击它们时，会显示一个模态（默认情况下是不可见的），其中会显示该点击的口袋妖怪的详细信息。
我不知道会提前挑选哪个口袋妖怪。所以我想我需要将请求发送回服务器，要求服务器为我提取数据。那么我该如何使用react？
虽然我不想重新加载所有的网页原因，但我需要再次获取所有小宠物的数据。谁能给我一些建议？
答案 0 :(得分：1)
你不需要太多的nodejs代码，因为你有一个宁静的api（pokeapi）
您还需要熟悉基本的反应设置检查 https://www.google.is/search?q=first+react+app&oq=first+react+app
基本设置类似于＆gt;＆gt;
您首先要获取口袋妖怪列表。
结帐提取https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
取（ 'https://pokeapi.co/api/v2/pokemon/?limit=10'） .then（response =＆gt; { 的console.log（响应） }）
然后你会列出口袋妖怪的名字
response.results.forEach（item =＆gt; { console.log（item.name +''+ item.url）; }）
然后创建一个模态（查看https://github.com/reactjs/react-modal），查询与每个宠物小精灵相对应的网址
取（ 'https://pokeapi.co/api/v2/pokemon/1/'） .then（response =＆gt; { //打开react-modal的代码，显示'响应' }）