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, FontIcon, MessageBar } from '@fluentui/react';