问题标签 [material-ui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
240 浏览

reactjs - Invariant Violation: AppBar.render(): A valid ReactComponent must be returned

I have used AppBar in my React component using below mentioned code and it's throwing error like

Invariant Violation: AppBar.render(): A valid ReactComponent must be returned.

and Masterpage.js contain

0 投票
2 回答
8269 浏览

javascript - 使用 React 和 Material UI 禁用自动填充表单

我正在尝试学习 React 和 Material UI。

我正在创建一个 Web 表单,到目前为止一切都很好,除了页面加载时,chrome 会自动用以前存储的数据填充文本字段并且背景变为黄色。我怎样才能让它保持白色?

我知道在普通的 CSS 中我会包含以下代码:

但是,鉴于我不一定有样式表,这会带来一个问题。

我到目前为止:

input-webkit-autofill解析代码时出现语法错误。

0 投票
1 回答
1020 浏览

material-ui - 错误“找不到模块 'material-ui/src/navigation/close”

http://www.material-ui.com/#/components/appbar第二个例子是

但是当我尝试导入 NavigationClose 时

我收到错误“找不到模块'material-ui/src/navigation/close”,可能是因为它没有在

这是此示例中唯一会导致错误的反应元素。是的,close.js 文件存在,格式正确。

我该如何解决?

(使用打字稿)

0 投票
1 回答
3754 浏览

javascript - 如何在反应中将单独文件中的组件链接在一起

在我正在调用的 app.jsx 文件中说:

在我的 main.jsx 文件中,我想从不同的文件中调用两个反应类:

在我的 comp1 文件中,我有一个简单的按钮和对话框:

在我的 comp2 文件中,除了重命名按钮之外,我的代码与 comp1.jsx 完全相同。本质上,当文档加载 main.jsx 时,我希望两个组件(comp1 和 comp2)彼此相邻加载。我编写了上面的代码,所以我不确定一般原则或语法是否正确,但我在非常高的层次上询问如何实现我上面描述的目标。谢谢

0 投票
1 回答
1277 浏览

material-ui - 如何从 material-ui 添加 svg-icons

material-ui/lib/svg-icons 中有很多图标。

几乎所有的 import 语句都失败了。

例子:

如何在 .jsx 代码中访问这些图标?

0 投票
2 回答
1028 浏览

javascript - 在反应中将方法从一个文件传递到另一个文件

在我的第一个文件 open.jsx 中说,我有:

在我的 app.jsx 文件中,我有:

我目前得到的错误是: Uncaught TypeError: Open._handleTouchTap is not a function

有谁知道我如何在 React 文件之间传递方法?

我想open.jsx's _handleTouchTap()在他们按下按钮时调用方法app.jsx

0 投票
3 回答
1433 浏览

javascript - 如何将一个文件中的组件链接到另一个文件中的组件?

假设我有一个带有按钮的组件(header.jsx)。单击该按钮时,我想打开一个使用 Material UI 创建的对话框。这个对话框组件在另一个我称为 dialog.jsx 的文件中。我知道如何在一个文件中完成所有操作:只需创建一个链接到按钮的函数并在对话框标记上调用显示事件。但是,如果我要将这两个分成单独文件中的组件,我该如何完成呢?

0 投票
0 回答
102 浏览

material-ui - 将架构更改为同构后,移动设备上的所有组件都变小了

我已将我的应用程序架构从客户端渲染更改为同构。之后,我发现所有组件在移动设备上变得更小,而在 PC 上表现正常。有任何想法吗?

0 投票
1 回答
1929 浏览

javascript - 使用 React 和 Material UI 创建动态标题 UI

在我的 header.jsx 文件中,我有:

在我的登录组件(login.jsx)中:

一旦我的 ajax 调用在用户登录时返回成功,我想将我的标题loggedIn状态切换为 true。但是,我不太确定如何将数据从单独的文件(子 login.jsx)传递到我的父文件(header.jsx)中。 jsx)。有谁知道我怎么能做到这一点,所以我可以为标题创建一个动态 UI?

用户登录后,标头组件中的已登录状态应返回 true。一旦这是真的,我将显示一个与当前显示的标题不同的标题。

0 投票
1 回答
844 浏览

javascript - 使用 Material UI 菜单时在控制台中收到警告。建议我解决方案。我在文本对象中使用 HTML

警告:失败的 propType:提供给text的类型无效的道具,预期的。检查渲染方法objectLinkMenuItemstringMenu

这是我的代码