reactjs - Microsoft Graph Toolkit - 如何使用 React 和默认模板循环获取组件结果

Question

使用defaultGet 组件中的模板，返回整个结果。使用 React Graph Toolkit 组件时，如何在创建的模板中循环遍历此结果集，并创建 f.ex。每个结果项的人员组件？

Answer 1

如果您正在获取/user资源并且结果是一个数组，那么value模板将更合适：

const LoadingPerson = (props: MgtTemplateProps) => {
  return <div><Spinner size={SpinnerSize.large} label="Loading members..." /></div>;
};

const MemberPerson = (props: MgtTemplateProps) => {
  const person = props.dataContext;
  return <div>
    <Person userId={person.userPrincipalName} view={PersonViewType.twolines} fetchImage={true} showPresence={true}
      personCardInteraction={PersonCardInteraction.hover} line2Property="mail"></Person>
  </div>;
};

<Get resource="/users" scopes={["User.Read.All"]}>
    <MemberPerson template="value" />
    <LoadingPerson template="loading" />
</Get>

更多参考：

• https://docs.microsoft.com/en-us/graph/toolkit/get-started/mgt-react