使用chakra-ui和next.js时出现Object.fromEntries不是一个函数的错误。
我使用Vercel创建了一个next.js应用程序，然后使用以下命令行安装了chakra-ui： npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4 结果出现了以下错误：TypeError...
Chakra UI在单个组件中使用多个模型
我正在使用 Chakra UI，想在单个组件中使用两个 modal。const { isOpen , onOpen, onClose } = useDisclosure() <Button colorScheme="teal" size="xs"...
如何在Chakra UI元素中添加 ::-webkit-scrollbar 伪元素？（React）
我正在使用 Chakra UI，需要使用 css 伪元素 ::-webkit-scrollbar 自定义滚动条样式，但是 Chakra UI 似乎没有这个伪元素，我不知道在不创建全局 css 类的情况下应该从哪里样式化这个特定组件。 以下是我的代码示例: <Box overf...
如何使Chakra的<Text>组件内联显示？
我无法弄清楚如何使Chakra组件内联。阅读了文档，但无法确定正确的属性或是否涉及CSS类。 <Text> Hello World, </Text> <Text> place me next to the Text above! </Text>
Chakra UI中如何更改暗黑模式的颜色
我正在使用Chakra UI库提供的"暗黑模式"功能。但是，我无法弄清如何更改“暗黑模式”的颜色。在文档中，我看到Chakra UI基于称为styled-system的东西，因此我尝试像这样向themeProvider传递一个新的theme: const theme = { ...def...
在ChakraUI中使用useDisclosure()时无法在同一页上使用两个模态窗口。
ChakraUI提供了一个名为useDisclosure()的自定义钩子，它返回isOpen、onClose和onOpen三个值。 const { isOpen, onOpen, onClose } = useDisclosure() onOpen 参数传递给触发打开模态框的按钮的...
如何让 Chakra UI 组件自动使用 Next.js 的 Image 组件来优化图片？
在这段代码中，我使用了Avatar组件，但是图片没有像next/image那样自动优化网站。 代码片段 const ee = (props: any) => { const { colorMode, toggleColorMode } = useColorMode(); ret...
Chakra UI：为什么工具提示显示在屏幕的左上角而不是显示在元素的顶部？
createdByModal基本上是一个chakra modal，我在其中使用tooltip。每当我将鼠标悬停在图标上时，tooltip会显示在屏幕顶部而不是图标顶部。在照片中，您可以看到忽略元素显示在左上角。 const CreatedByModal = () => { ...
如何在 Chakra UI 中制作自定义大小的模态框
我想在React JS中使用Chakra UI创建自定义大小的弹窗。 弹窗应该有1000像素的宽度和800像素的高度。 我尝试使用主题来创建自定义大小的弹窗，其中我覆盖了弹窗的XL大小，但是它没有起作用。 const theme = extendTheme({ breakpoints...