问题标签 [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 回答
1844 浏览

reactjs - 开玩笑的 React + Material UI 测试

我将此库用于 UI:https ://github.com/callemall/material-ui并使用 Jest 进行单元测试。

但是当我需要一个组件使用该库时,我得到了错误语法错误。其他组件是开玩笑的。

我在下面的 package.json 更新了笑话:

这没用。

0 投票
1 回答
1634 浏览

user-interface - Date Picker from Material-UI Framework doesnt work on Mobile?

Has someone tried the Material-UI Framework from http://material-ui.com?

Is it normal that the Date-Picker doesnt work on Mobile? (Tested on iPhone 4)

http://material-ui.com/#/components/date-picker

0 投票
1 回答
1343 浏览

javascript - Building material-ui with browserify

I'm trying to build the material-ui (material-ui.com) javascript so that I can include it in my project and use the react components. I've been using browserify to bundle all the javascript into a single file, which I then include in my HTML file. So, in the material-ui/lib directory (which is where the JSX-transformed JS seems to live -- I'm very new to NPM bundles + browserify etc), I run

browserify index.js -o material-ui.js -r material-ui

I then include that material-ui.js file in my HTML.

But then when I try writing require('material-ui') in my javascript in the HTML page I get "Cannot find module 'material-ui'".

I don't really understand what browserify is meant to be doing, what the require function is doing, and how I'm meant to reference any of the material-ui react classes. Thanks!

0 投票
3 回答
16944 浏览

reactjs - Material UI - 在 AppBar 点击打开 LeftNav / Drawer

我正在发现 ReactJS 和 material-ui ( http://material-ui.com/ )。

我尝试为我的应用程序创建一个默认模板。我想在单独的组件中使用 AppBar 和LeftNav(在新版本中在 Drawer 中重命名) 。

默认情况下,AppBar 上有一个菜单按钮。我想用它来打开 LeftNav 但我不知道如何调用我的 LeftBarComponent 组件函数来打开它。

我几乎已经了解如何在组件之间进行通信,但就我而言,我不知道该怎么做,因为没有关于它的文档。我知道打开 LeftNav 元素的唯一方法是使用 LeftNav.toggle()

http://material-ui.com/#/components/left-nav

谢谢你的帮助。

默认.jsx

导航栏.jsx

leftbar.jsx

0 投票
1 回答
733 浏览

material-design - 材料ui安装配置

用户材料 ui

1.jsx

浏览器化 1.jsx -o 1.js

不知道 <RaisedButton label="Default" />

github:https ://github.com/callemall/material-ui

1 npm install material-ui

2 Then how to do?

3...

4....

我下一步该怎么做?

我需要帮助,我已经做了几天了

0 投票
6 回答
37715 浏览

material-design - 如何使用material-ui框架?

我打算使用 Material-UI CSS 框架(http://material-ui.com)来设计网站的前端,但我不知道如何使用这个框架。

我对 NPM、Browserify 等不太熟悉。我只需要知道我应该如何开始学习如何使用这个 CSS 框架。

谢谢你的帮助!

0 投票
11 回答
164652 浏览

javascript - 如何从material-ui TextField、DropDownMenu组件中获取数据?

我创建了表单,我包含了几个 TextField、DropDownMenu material-ui 组件,问题是我如何从一个 obj 中收集所有 TextField、DropDownMenus 的所有数据并将其发送到服务器上。对于 TextField 它有 TextField.getValue() 返回输入的值。但我无法理解如何使用它。

我想用 _handleClick 方法在服务器上发送它。

0 投票
1 回答
4207 浏览

node.js - 开始使用material-ui

在我看来,保守的秘密是 material-ui,一个使用 Google 的Material Design UI和 React 的网络框架。我认为这是一个奇妙的组合,以及未来。但是,如何使用它也是一个保存完好的秘密。http://material-ui.com/#/get-started上的入门指南不适用于普通的 Joe,而仅适用于可能理解它的一小部分人。此外,这里的问题,比如如何使用material-ui框架?材料ui安装配置,一直没有回答。

我设法安装了material-ui,

但下一步是什么?

  • 我应该把它们移到我的下面/var/www/吗?还是启动nodejs,还是……?
  • 如何查看显示一切正常的简单演示?

总而言之,作为一个只知道 http 服务器和静态 html 页面的人,我看到它在我自己的环境中使用我现有的 web 服务器的最简单方法是什么?

谢谢

0 投票
1 回答
6130 浏览

javascript - React、点击事件和material-ui

我正在尝试,material-ui并且react遇到了事件未触发的问题。我已安装并在引导应用程序时react-tap-event-plugin调用。injectTapEventPlugin()

toggleMenu在以下代码段中从未调用过:

完整的代码示例可以从这里查看:https ://github.com/oskbor/lunch-mirror

很高兴对我做错了什么提出任何建议!

0 投票
0 回答
2690 浏览

reactjs - 尝试 material-ui SelectField 组件时出错

我现在正在尝试material-ui。我是 react.js 和 material-ui 的新手,不知何故设法通过了一些东西,但不能使用 SelectField。每当我使用 SelectField 组件时,我都会得到一个

未捕获的类型错误:无法读取未定义错误的属性“toUpperCase”。

我遵循了它的编写方式:material-ui.com

这是我的selectField.jsx文件:

任何想法为什么它会输出错误?其他 material-ui 组件工作正常。

编辑:

app.jsx这是我在文件中的父组件: