问题标签 [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 投票
2 回答
349 浏览

reactjs - 几乎可以让材质 ui 工作,但仍然无法渲染任何东西

所以我对 test.jsx 文件进行了反应,但我没有渲染凸起的按钮,而是得到了 ``(页面顶部的两个引号)。Console.log 没有给我任何错误,所以我不确定从这里去哪里。

索引.html

测试.jsx

raiseButton.jsx

0 投票
1 回答
3000 浏览

javascript - IconMenu 没有出现在 material-ui 中

我正在使用material-ui。我试图实现Icon Menu。我的组件:

当我单击图标按钮元素(在本例中为带有文本的 div)时,什么也没有发生。我做错了什么?

0 投票
1 回答
2494 浏览

javascript - 如何将两个表放在具有不同数据的同一个视图中?

我正在将 reactjs 与 material-ui 一起使用,我想将两个表放在具有不同数据的同一个视图中,但到目前为止我得到的只是错误

const rowsIncome我想保持不同的信息是const rowsOutcome

这里是表格组件的文档

我不明白的是如何玩rowData,允许我做类似的事情:rowData.rowsOutcomerowData.rowsIncome

0 投票
4 回答
30211 浏览

css - 样式反应材料-ui选项卡

我刚开始使用 reacts material-ui,我想自定义一些样式。例如更改标签的背景颜色。

尝试使用 inlineStyle

更改选项卡内容区域但不更改标题。

这里我们有一些颜色属性我们如何使用呢?在这种情况下,文档没有给出示例。

我该如何进行?

0 投票
4 回答
16121 浏览

javascript - 如何向 Material-UI 的 AppBar 组件添加多个元素?

我想在 Material-UI AppBar 中有多个 FlatButton 组件并保留样式,所以它看起来像这样(带有多个按钮)。

但是,当我尝试添加多个 FlatButton 组件时,我收到一条错误消息,提示我需要将它们包装在封闭标签中。我已经使用了 span 和 div ,但结果相同。

在此处输入图像描述

有没有办法在封闭标记中保留 AppBar 的样式,或者以不同的方式将多个元素添加到 AppBar 本身以获得所需的效果?

0 投票
15 回答
42052 浏览

reactjs - 使用路由的材质 UI 菜单

我在玩material-ui。我使用路由实现了 LeftNav,但我找不到获取 IconMenu 或使用链接或路由的菜单的方法。任何人都可以指出一个好的来源/教程?文档不足,两个组件似乎都不支持“menuItems”作为 LeftNav 的属性。

0 投票
2 回答
30164 浏览

javascript - 在 React Material-ui 上显示对话框

我正在为我的 React 应用程序使用 material-ui 的Dialog 组件。如何将我的组件设置为一个变量,以便我可以调用该onShow()方法?

0 投票
1 回答
960 浏览

reactjs - React、Material UI、JSPM 和 Babel:错误:无法添加属性上下文,对象不可扩展

我正在尝试通过 Babel 使用 JSPM 和 ES6 为 React 设置 Material UI。

1)安装material-ui与jspm install material-ui=npm:material-ui

2)这使我能够将材料 ui 导入到我的 React 组件文件中,如下所示:import {TextField, LeftNav} from 'material-ui'

在这一点上,我在我的 ES6 文件中得到了正确的引用,所以如果我做一个 console.log(TextField); 我打印了反应组件。

可悲的是,我当前的问题是尝试在 jsx 中使用该组件时遇到错误

引发错误:

根据警告,我认为该错误可能是由工具组合 Babel+JSPM+Material-UI 创建的特定情况引起的。

0 投票
1 回答
154 浏览

javascript - 在节点模块中手动添加方法

我正在material-ui用于我的网站,并且在其上找到的软件包npm与其最新版本(在 Github 上找到)已过时。我手动将这行代码添加到他们的主题管理器类中,这反映了更改:

但是,我的应用程序没有注册这些更改,当我尝试设置字体时:

控制台给了我这个错误:

我正在使用 Browserify 来捆绑我的客户端“需要”依赖项。这是一个 Browserify 问题,一个npm问题,还是我不理解节点模块是如何工作的?

编辑:这是我的package.json

0 投票
2 回答
1429 浏览

javascript - 如何创建 material-ui.js 文件?

我遵循了入门指南并运行了示例,但它似乎将示例 lib 文件夹中的所有 js 组件作为单独的资源加载。如何让它构建一个我只是从我的 html 中引用的 material-ui.js(或 material-ui.min.js)文件?我是否使用 npm、gulp、browserify 等?如果是这样,怎么做?我完全不熟悉 javascript 构建和打包工具。我只想在我的静态资源中包含一个 js 文件,例如 react.min.js