问题标签 [chakra-ui]

我在. react-hook-form_chakra-uiGatsby

我试图让表单在提交时提交未勾选的（即布尔值错误）复选框。

我已将状态的初始布尔值设置为 false，我可以在开发人员工具中看到这一点，但是当我提交表单时，它会忽略所有false字段，并且只有在选中且状态为时才会提交true

我该如何解决这个问题？

谢谢

我想在 chakra ui 中自定义全局样式，以便我的所有元素框大小更改为边框框！这是我的审判。但是什么都没发生。。

我在我的 _app.tsx 文件中导入了这个 extendTheme。我认为这段代码有问题。

标题差不多。已在文档上搜索有关如何执行此操作的说明，但没有运气。

我的设置是使用 NextJS 并且 resetCSS 是通过 ChakraProvider 传递的，所以我无法更改样式来修改字体大小，因为 Chakra 会覆盖它。

我正在尝试扩展我的主题（修改默认组件）并将我的新默认道具传递给 Input 组件。我需要通过当前颜色模式更改 focusBorderColor。我试图将一个函数传递给 defaultProps 参数，但这破坏了我的 Input 组件上的所有样式：

我还尝试通过 baseStyle 属性为我的组件设置样式，这很有效，但是通过将函数传递给它，所有默认的基本样式都被覆盖了。我需要向 baseStyle 添加属性并保留默认的 baseStyles（仅扩展但具有颜色模式）。

有什么方法可以将 colorMode 传递给默认道具？或者有什么方法可以在不丢失默认baseStyles的情况下使用函数声明正确扩展baseStyle？谢谢你的帮助！

我在反应中使用 Chakra UI，当我尝试单击可点击框中的按钮时，正在执行框的功能。Z-index 也没有解决这个问题。

我的代码：

代码沙盒链接

我在stackoverflow上发现了类似的问题，但都没有帮助解决我的问题

我有一个公开的icons.js 文件，我将各种图标导出到页面

在页面上我使用导入该特定文件

我已经为公共文件夹声明了 jsconfig.json 文件

这是我在控制台和浏览器上遇到的错误

这是 public/icons.js 文件

这是 jsconfig.json 文件

我正在尝试使用 ChakraUI 和 React-Hook-Form 来创建我的表单。但是，我的错误不起作用。我试过不使用 chakra ui，但它仍然不起作用。这是我的代码：

我正在尝试将渐变设置为 Chakra UI 的 Progress 组件，但它不支持背景图像更改。知道如何实现这一目标，甚至有可能吗？

我是第一次使用 Chakra UI，但找不到解决方案来解决应该做的简单事情。

在 Chakra 的样式道具文档中，他们为边框样式提供了以下内容（https://chakra-ui.com/docs/features/style-props#borders）

有没有办法使用速记来添加border道具来设置宽度、样式、颜色等？

我看不到有关如何执行此操作的任何文档或答案，以及明显的（对我而言）解决方案：

<div border="1px solid black" />

不起作用，所以我不得不使用：

<div borderWidth="1px" borderStyle="solid" borderColor="black" ...

这只是凌乱而冗长的打字。

非常感谢任何帮助！

我正在寻找一个简单的 Next.js 应用程序来设置 Chakra UI（最新的 V1）。遵循https://chakra-ui.com/docs/getting-started上的“入门”步骤后，我在运行开发服务器时遇到了以下错误：

这是我的_app.js文件：

package.json：

我已经翻遍了规定的portal.js节点模块，但看起来没有任何不妥之处。

任何帮助将不胜感激，提前感谢您的时间。