outlook-addin - Office UI Fabric JS Dropdown组件在单击时未加载正确的样式

Question

我正在使用带有 Office UI 结构 js UI 组件的 Outlook 加载项。我在使用下拉菜单时遇到问题。

单击下拉菜单时，它不会显示下拉列表样式，而是会打开一个带有选项的全新面板。

我按照此链接添加下拉组件。

Answer 1

下拉组件有一个名为responsiveMode. 这决定了容器是如何呈现的。

正如您所看到的，对于ResponsiveMode.medium和下面，一个Panel被渲染，否则它将是一个Callout。你想要的是Callout.

你只需要传入 propResponsiveMode.large来渲染你想要的方式。

import { Dropdown, IDropdownOption } from 'office-ui-fabric-react/lib/Dropdown';
import { ResponsiveMode } from 'office-ui-fabric-react/lib/utilities/decorators/withResponsiveMode';

render() {
  return (
    <Dropdown
      label='My Label'
      options={myOptions}
      responsiveMode={ResponsiveMode.large}
    />
  );
}