Javascript 使用GraphQL对选择作出反应
如何将查询值放入选择选项中?我试图制作数组的映射,但没有显示值。我知道这些值来自查询中的日志,但我不知道如何在select中加载它们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, 颜
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 });