Fluent UI - 导入组件的最佳方式

问题描述

我是新 Javascript 世界的初学者，想知道两者之间的区别

import { MessageBar } from "office-ui-fabric-react";

import { MessageBar } from "office-ui-fabric-react/lib-commonjs/MessageBar";

它们似乎都运行良好。我正在使用 webpack 创建最终的 JS 文件。导入组件的推荐方式是什么？

解决方法

两者都应该有效。第一个允许您将所有导入聚合到一个表达式中。

请注意，不推荐使用 UI Fabric，您应该切换到 Fluent UI React 或 Fluent UI React Northstar。例如，您的导入可能如下所示：

import { DatePicker,MessageBar } from '@fluentui/react';