Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.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
Javascript 使用GraphQL对选择作出反应_Javascript_Reactjs_Typescript_Graphql_React Select - Fatal编程技术网

Javascript 使用GraphQL对选择作出反应

Javascript 使用GraphQL对选择作出反应,javascript,reactjs,typescript,graphql,react-select,Javascript,Reactjs,Typescript,Graphql,React Select,如何将查询值放入选择选项中?我试图制作数组的映射,但没有显示值。我知道这些值来自查询中的日志,但我不知道如何在select中加载它们 const{data:admData,load}=useQuery(GET\u DIRECTOR\u USERS{ onError:(错误)=>{ console.log(“erro”,错误); }, 未完成:(用户)=>{ console.log(admData); }, }); 返回( 联合一名合格的主管 {!正在加载&&( ({ 主题 边界半径:10, 颜

如何将查询值放入选择选项中?我试图制作数组的映射,但没有显示值。我知道这些值来自查询中的日志,但我不知道如何在select中加载它们

const{data:admData,load}=useQuery(GET\u DIRECTOR\u USERS{
onError:(错误)=>{
console.log(“erro”,错误);
},
未完成:(用户)=>{
console.log(admData);
},
});
返回(
联合一名合格的主管
{!正在加载&&(
({
主题
边界半径:10,
颜色:{
…主题。颜色,
初级:“D3”,
},
})}
name=“行政总监\u id”
占位符=“”
选项={admData.getDirectorUsers.map(
(users:any)=>users.name
)}
/>
)}

);您应该映射API值以选择选项对象,例如:

react select
中,每个选项都应该是一个对象
{label:string,value:string}
(您甚至可以在对象中包含其他键,但这些键是必需的)


文档

非常感谢我的朋友,你帮了我很大的忙:)
options={admData.getDirectorUsers.map(user => ({ label: user.name, value: user.id });