为什么material-ui v4声明了useTheme却没有实现？

Question

我对 Material-uiV4 中新的 Hooks API 感到很困惑。

@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 声明文件的链接：

• @material-ui/core 中 useTheme 的 TypeScript 声明文件：

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

• @material-ui/styles 中 useTheme 的 TypeScript 声明文件：

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

• @material-ui/core 中useTheme 的代码：

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

• @material-ui/styles 中useTheme 的代码：

  • 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） .

@material-ui/styles 中的ThemeProvider 和useTheme 功能可以与any 主题结构一起使用，因此它具有未知类型是准确的。 @material-ui/core 中的 useTheme 主要是 @material-ui/styles 版本的包装，但它假定主题的结构与 Material-UI 的默认主题匹配，如果没有提供主题（通过 ThemeProvider），那么它将返回默认主题（而@material-ui/styles 版本没有“默认”主题的概念）。

文档说你应该从 @material-ui/styles 导入

我很想知道文档的哪一部分是这样说的。只要您使用 Material-UI 的主题结构，我建议您从 @material-ui/core/styles 导入 useTheme。