javascript - useColorMode 不适用于 Chakra UI 页脚组件

Question

到目前为止，在为 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>
  );
}

谢谢你。

Answer 1

事实证明，将 whiteDark 更改为白色解决了我的问题，但我不确定为什么，因为 whiteDark 在我的标题中起作用。谢谢你。