如何解决useColorMode 不适用于 Chakra UI 页脚组件
到目前为止,在为 Chakra UI 的明暗模式自定义组件时,ColorMode 钩子一直适用于我的所有代码。但是,当我尝试对页脚执行相同操作时,它不起作用,我不知道为什么。
这是我的代码:
import React from "react";
import { Stack,Text,useColorMode } from "@chakra-ui/react";
export default function Footer() {
const { colorMode } = useColorMode();
return (
<Stack
direction="row"
width="full"
height="75px"
bgColor={colorMode === "light" ? "#EF820D" : "orange.400"}
justify="space-between"
>
<Text
paddingTop="25px"
paddingLeft="20px"
align="left"
color={colorMode === "light" ? "whiteDark" : "black"}
>
Created by Siddhardh Palaparthi,2021
</Text>
<Text
paddingTop="25px"
paddingRight="20px"
align="right"
color={colorMode === "light" ? "whiteDark" : "black"}
>
Contact Me: siddu.palaparthi@gmail.com
</Text>
</Stack>
);
}
谢谢。
解决方法
事实证明,将 whiteDark 更改为 white 解决了我的问题,但我不确定为什么,因为 whiteDark 在我的标题中起作用。谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。