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

Question

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

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

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

它们似乎都可以正常工作。我正在使用 webpack 创建最终的 JS 文件。推荐的组件导入方式是什么？

Answer 1

两者都应该工作。第一个允许您在一个表达式中聚合所有导入。

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

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