流畅的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';