问题标签 [react-material]

我一直在玩 React-Materialize 来帮助我学习 React，但是如果我的孩子在 CollapsibleItem 上有一个 onClick 处理程序，我会遇到 CollapsibleItem 组件的问题。

}

目的是当用户单击 CollapsibleItem 上的第 4 列（这是作业状态所在的位置）时，我想下拉一个允许状态列表，以便用户可以更改它。我目前使用一个简单的警报（下拉列表将是一个新组件）对此进行了存根，但是一旦在执行 onClick 处理程序后解除警报，CollapsibleItem 然后根据其当前状态展开/折叠。

当用户点击这个孩子时，我想禁止这种展开/折叠，但找不到阻止它的方法 - e.preventDefault() 没有做任何事情（我有一半预计它不会做）。

有任何想法吗？乔尔斯。

我最近开始使用 Material Design React，但我刚刚发现 data-someField 确实将值传播到数据集映射。

例子：

onChange 处理程序中的两个角色都未定义。如果我将 Input 标记更改为常规 html 输入，则不会发生这种情况。

任何想法为什么 Material Design 不允许数据属性或者是否有任何解决方法？

先感谢您！

--- 在@Springer 建议之后，我尝试使用 inputprops，但注意到只有 name 属性可用，其余的未定义。

我有一个带有状态选项卡的组件。默认情况下，它应该打开第一个选项卡，即 state value = 0。但是，当我将该组件导入另一个组件时，它应该打开分配的状态，例如 state value = 1。请检查以下示例。我怎样才能做到这一点？

提前致谢

我已经下载了以下 React Material 模板 模板

遵循文档中的步骤

包.json

收到以下错误

在这里，我想更改背景颜色。它的应用，但它优先于 Theme css。

以下是在侧导航中正确更改“登录”和“注销”但在正常情况下无法正常工作的组件。基本上，即使登录成功，“LoginLogOutButton”组件也不会重新渲染。“isAuthenticated”函数写在另一个 auth.js 文件中，它根据登录/注销返回 true 或 false。

授权上下文

AuthContext.Provider

注意：HeaderLinks 是 NavBar 的子组件

AuthContext.Consumer

谢谢您的帮助

我有以下内容：

但ListItem仍然出现。怎么可能隐藏？

我有一个包含一些详细信息列表的组件。组件中的每个列表都有一个详细信息按钮。当用户点击按钮时。它将显示列表的附加信息。在这里，我将 Material-Ui 与 react 一起使用，并为此目的导入了 Collapse 组件。因此，正如您在下面看到我的代码，当我单击一个列表中的详细信息按钮时，它将打开所有列表的详细信息。我只想打开列表，我点击。请检查我下面的代码

提前致谢。

我对 JS 和 Material UI 都做出了反应，并且在一个小项目上工作，需要显示一个 Material UI 表单，该表单具有动态添加的包含下拉列表和文本字段的行。我已经能够到达动态字段包含两个文本框的位置，并且在提交时，我获得了单独的行数据，因为 JSOn 由行号索引。

现在我希望表单也有一个选择字段，以便在按下提交时我可以在输出 JSON 中捕获行数据。

我尝试用反应材料选择组件以及 AutoSuggest 替换文本字段，但不知何故无法使它们在渲染方面都工作，然后我什至不知道如何捕获数据。

另外作为一个快速说明，它是一个步进形式......

具有可动态添加或删除的文本字段的现有工作代码：

我正在尝试添加的自动建议代码

获取错误和上面共享的代码：

任何可能是该解决方案的好方法的建议都将非常有帮助。如果需要任何进一步的细节，很乐意提供。

这是我的 Material-ui 的 SwipeableDrawer

我需要dashboard根据我选择的列表在这里设置值'

我有一个这样的菜单：

如何将仪表板的值设置为等于“待办事项”？因为那是我从列表中选择的。