0

我正在使用 @microsoft/mgt-react": "^2.1.0" 并且我在文档中看到“fallbackDetails”，但没有示例如何使用它。

我试过了：

    return (<td title={uName} >
     <Person personQuery={email} showPresence={true} view={PersonViewType.oneline} 
      **fallbackDetails={fallback } //Here Tslint Error**
      personCardInteraction={PersonCardInteraction.hover} />
      </td>
    );

问题是：

fallbackDetails: IDynamicPerson; personCardInteraction: PersonCardInteraction.hover; }' is not assignable to type 'IntrinsicAttributes & PersonProps & { children?: ReactNode; }'.
  Property 'fallbackDetails' does not exist on type 'IntrinsicAttributes & PersonProps & { children?: ReactNode; }'.ts(2322)

谁能提供一个 TypeScript 可以接受的例子？或者也许我需要得到一个 Types.d.ts

提前致谢

4

2 回答 2

1

我收到了来自 mgt 的消息。格式应为：fallbackDetails={{"displayName":"test displayName" , mail:"someone@contoso.com"}}

抱怨是因为我将第二个属性作为电子邮件：“someone@contoso.com”

现在一切都很好。谢谢你们

于 2021-03-12T12:51:55.317 回答
0

我会重新检查任何其他 mgt-* 包以确保它们也已升级，以及您正在为其提供的后备对象。

最基本的反应示例如下所示：

        <Person
          personQuery={'me'}
          fallbackDetails={{"displayName":"test displayName"}}
          line2clicked={() => console.log('line1 clicked')}
          line1Property="displayName"
          line2Property="mail"
          view={PersonViewType.twolines}
        />
于 2021-03-11T01:35:01.433 回答