Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 使用React Js从服务器获取数据_Reactjs_Fetch_React Select - Fatal编程技术网

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,你能帮忙吗