Reactjs 使用React Js从服务器获取数据
我正在使用Reactjs 使用React Js从服务器获取数据,reactjs,fetch,react-select,Reactjs,Fetch,React Select,我正在使用react selectlibrary,我想从测试API中获取数据到select中。这就是我的代码的外观: import React,{useState}来自“React”; 从“反应选择/异步”导入异步选择; const with promissions=()=>{ 常量过滤器数据=(输入值)=>{ const req=fetch(“https://jsonplaceholder.typicode.com/todos?_limit=6") .then((response)=>res
react select
library,我想从测试API中获取数据到select中。这就是我的代码的外观:
import React,{useState}来自“React”;
从“反应选择/异步”导入异步选择;
const with promissions=()=>{
常量过滤器数据=(输入值)=>{
const req=fetch(“https://jsonplaceholder.typicode.com/todos?_limit=6")
.then((response)=>response.json())
。然后((res)=>{
返回res.map(({title})=>{
返回{
标签:标题,
价值:标题
};
});
});
日志(请求,“来自服务器的承诺”);
返回请求;
};
const promiseOptions=(inputValue)=>{
过滤器数据(输入值);
};
返回(
);
};
出口信用违约代码>您需要记录来自api的响应。您正在res上映射,我们得到了多个对象的响应,我们需要的数据在data object中。所以,首先在控制台中检查您的res,我认为您在从服务器获得任何响应之前正在更新您的选项。您应该使用异步等待块从服务器获取数据。如果您用以下内容更新您的承诺选项块,可能会对您有所帮助。请查看以下代码
const promiseOptions = async (inputValue) => {
return await filterData(inputValue);
};
我希望这对你有帮助。谢谢。什么意思?请给我看一个盒子好吗?Thanksconst promiseOptions=inputValue=>new Promise(解析=>{setTimeout(()=>{resolve(filterData(inputValue));},1000);});用这个替换你的函数。这是一个承诺,你需要解析它来获取数据。你能帮忙吗?你应该在promiseOptions
中重新运行filterData(inputValue)
,不是吗?@AmirhosseinEbrahimi,你能帮忙吗