Почему material-ui v4 объявляет useTheme, но не реализует?

Question

Я совершенно сбит с толку новым API-интерфейсом Hooks в Material-uiV4.

@ material-ui / core объявляет export default function useTheme<T = Theme>(): T;, но не реализует это, поскольку выдает ошибки.В документации сказано, что вы должны импортировать из @ material-ui / styles, который работает, но тип установлен в неизвестное значение.

export default function useTheme<T>(): T;

Почему не работает @ material-ui / stylesВ версии по умолчанию есть T = Theme?
Почему в @ material-ui / core для начала есть объявление?

Answer 1

Вот ссылки на соответствующий код и файлы декларации TypeScript:

• Файл декларации TypeScript для useTheme в @ material-ui / core:

  • https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/useTheme.d.ts

• Файл объявления TypeScript для useTheme в @ material-ui / styles:

  • https://github.com/mui-org/material-ui/blob/master/packages/material-ui-styles/src/useTheme/useTheme.d.ts

• Код для useTheme в @ материал-интерфейс / ядро:

  • https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/useTheme.js

• Код для useTheme в @ material-ui / styles:

  • https://github.com/mui-org/material-ui/blob/master/packages/material-ui-styles/src/useTheme/useTheme.js

@material-ui/styles обеспечивает функциональность стиля таким образом,который полностью независим от @material-ui/core (@material-ui/core зависит от @material-ui/styles, но @material-ui/styles равен , а не зависит от @material-ui/core).

ThemeProvider и *Функциональность 1056 * в @material-ui/styles может использоваться с любой структурой темы , так что для нее вполне достаточно иметь тип неизвестного.useTheme в @material-ui/core - это в основном оболочка для версии @material-ui/styles, но предполагается, что структура темы соответствует теме по умолчанию для Material-UI, и если тема не была предоставлена ​​(через ThemeProvider), то она будетвернуть тему по умолчанию (тогда как версия @material-ui/styles не имеет понятия "темы по умолчанию").

В документации сказано, что вы должны импортировать из @ material-ui / styles

Мне любопытно узнать, какая часть документации говорит об этом.Пока вы используете структуру тем Material-UI, я бы рекомендовал импортировать useTheme из @material-ui/core/styles.