Documents
use-theme.zh-CN
use-theme.zh-CN
Type
External
Status
Published
Created
Jun 12, 2026
Updated
Jun 12, 2026
Source
View

简介#

配合容器组件进行使用(ThemeProvider),可以获取到容器下的主题信息。如果不添加 ThemeProvider,默认获取到的值为默认值。

useTheme 放在 ThemeProvider 组件下使用,可以获得 ThemeProvider 中的主题值。

用法#

import { useTheme } from 'antd-style';

function Theme() {
  const theme = useTheme();

  useEffect(() => {
    console.log(theme);
  }, [theme]);

  return null;
}

Typescript#

useTheme = () => Theme;

返回值#

参数说明类型默认值
themeMode主题模式dark / light / autolight
appearance显示外观dark / lightlight
isDarkMode是否为暗色模式booleanfalse
use-theme.zh-CN | Dosu