reactjs - 失败的道具类型：FocusZone：道具类型`as`无效；它必须是一个函数，通常来自 `prop-types` 包，但收到了 `undefined`

Question

在使用 Fluent UI 组件时，我在 react js 中收到此警告。我尝试了很多东西，但无法删除此警告。有人知道吗？

代码

<Dialog        
        as="div"
        className="PopupDialogs"
        open={showPopUp}
        styles={{ justifySelf: "unset" }}
        header={GetSubject()}
        content={<Flex>{displayTime}</Flex>}
        footer={footer()}
        onCancel={() => { OnClosePopUp(false) }}
        onConfirm={() => { }}
        headerAction={context.userProfileData.isTeacher && headerAction()}
    />

---

警告

backend.js:6 Warning: Failed prop type: FocusZone: prop type `as` is invalid; it must be a function, usually from the `prop-types` package, but received `undefined`.
    in FocusZone (created by Menu)
    in Menu (created by Context.Consumer)
    in div (created by Context.Consumer)
    in div (created by Context.Consumer)
    in div (created by Context.Consumer)
    in div (created by Context.Consumer)
    in div (created by Context.Consumer)
    in div (created by Context.Consumer)
    in div (created by Context.Consumer)
    in section (created by Context.Consumer)
    in u (created by Context.Consumer)
    in f (created by Context.Consumer)
    in s (created by component)
    in component (created by Context.Consumer)
    in t (created by D)
    in t (created by D)
    in D
    in t (created by t)
    in t
    in div (created by ProviderBox)
    in ProviderBox (created by Provider)
    in Unknown (created by Provider)
    in s (created by Provider)
    in Provider

提前感谢

标签： reactjsfluent