问题标签 [react-material]

如何将道具传递给 reactjs材质对话框？如果我这样做< FormDialog value={this.prop.value} />，抛出Type '{ value: any; }' is not assignable to type 'IntrinsicAttributes'错误。我如何分配类型FormDialog()或任何其他方式将道具传递给该组件？

模态的.tsx

卡片.tsx

我这里有两个问题。

1. 加载不defaultValue出来TextField。我正在使用 reactjs 材料
2. 当我开始输入 input TextField。它在下面抛出错误

无法读取未定义的属性“地图”

谁能告诉我哪里出错了？

ShipmentDetail.tsx

db.json

我正在使用结合故事书和故事镜头的反应材料 ui。我试图了解如何通过故事书通过笑话或故事镜头来测试 Material-ui 中的响应元素

我的Hidden组件中有如下元素

和看起来大致相似的故事

我已经尝试在我的主题中修改断点，这在通过故事书查看时会产生效果。但是，无论我尝试了什么，该Hidden元素都不会在我的快照中呈现。

我也尝试过不使用该Hidden元素并尝试className设置样式display: none是否theme.breakpoints.down('xs')为真。这会在我的快照中生成元素，例如

但是此块中的任何内容都没有告诉我该元素被隐藏在xs屏幕上。

似乎我应该能够以某种方式在故事书中切换xsDown元素Hidden为真或假，以便在我的快照中渲染或不渲染该元素，但我没有运气弄清楚这一点。

我想总的来说，我只是想知道大多数人是如何用玩笑来测试响应式 UI 的。似乎我应该能够通过快照来完成此任务，但也许我遗漏了一些东西。

谢谢你的帮助

我正在尝试使用 Formik 和 Material UI。这是一个非常基本的示例，正​​在尝试处理。但是，我收到以下错误：React.Children.only expected to receive a single React element child.

这个错误出现在 Formik 开始的那一行，即：

编辑：这是 customtextfield 代码。在内部使用 Material UI 的 TextField：

我正在使用 YUP 进行验证。如何修复错误？谢谢。

如何检查给定库的重量？我想比较 react bootstrap ( https://react-bootstrap.github.io/components/forms/ )、设计 ( https://ant.design/ ) 和 react material ui ( https://material-ui. com/组件/传输列表/）。

这是我当前的代码：

我在这里学习反应和非常新，我现在正在帮助https://material-ui.com/components/text-fields/编写一个表单

但是现在我不知道如何将此代码制作成一个组件，以便我可以在任何地方使用。

任何人都可以帮助我将此代码作为组件吗？

我想这个问题很业余，但我很抱歉。我很新反应。

我在基于功能的组件中connect遇到了麻烦。dispatch我知道如何连接和调度基于类的组件。

这是我的代码；

谁能帮我发送数据或连接？提前致谢

我正在尝试自定义样式React mui 选项卡以完成以下操作：

我试图将框阴影设置为选定的选项卡并删除边框底部。设置 box-shadow 有效，但删除 border-bottom 没有。这是样式对象：

这就是我的标签的样子：

您可以在此处查看整个示例。

我想如何删除选定选项卡上的边框？在期待控制台中的元素时，我什至看不到边框来自哪里。

我有一个第 3、6、3 列的网格，并且我还给出了 3 的网格间距。

对于 lg、md 屏幕设备尺寸，它看起来不错，即网格之间的间距。但是当我减小屏幕尺寸时，网格之间的间距保持不变，看起来不太好

我想要的是 lg 和 md 设备的 Grid 之间的间距为 3，但 sm 和 xs 设备的间距为 0，所以我在 Grid 周围看不到任何填充。

我检查了 DOM 并看到填充为 12px 的网格间距 3。

我试过这个

这完成了删除填充的工作，这显然不是针对所有设备尺寸的，但我希望仅针对较小尺寸的设备删除此填充。

我在这样的组件中使用了它

似乎没有一个真正起作用，我在哪里犯错了？

我正在自定义 mbrn/material-table 的 groupRow，但我没有找到任何文件。

https://material-table.com/#/docs/features/grouping

到目前为止，我设法使 groupRow 及其工作正常。但是现在我不知道如何在扩展 groupRow 时呈现表格行。

我尝试使用MTableBody但记录未显示

这就是我的代码的样子。我很困惑，我不知道让它工作缺少什么

CodeSandBox：https ://codesandbox.io/s/festive-bell-5d76e