问题标签 [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.
javascript - 如何样式反应材料-ui LeftNav悬停菜单项
我正在尝试设置 LeftNav ( http://material-ui.com/#/components/left-nav ) menuItem hoverColor 的样式。
我试过这个但无济于事:
这似乎是我试图覆盖的代码:https ://github.com/callemall/material-ui/blob/master/src/menu/menu-item.jsx#L138 - 但是,我正在尝试通过 LeftNav 组件覆盖它。
谢谢,
标记
css - 如何让输入单选元素在反应 [material-ui] 中水平对齐?
单选组始终在 material-ui 中垂直列出。有没有办法水平对齐它们?例如,一条水平线上的所有单选按钮。
javascript - Uncaught TypeError: _materialUi.Styles.ThemeManager is not a function when using material-ui with es6
我正在使用 material-ui 来构建我的网络应用程序。但是我得到了错误Uncaught TypeError: _materialUi.Styles.ThemeManager is not a function
。我也搜索了github,发现这个问题ThemeManager is not a function error,但它不起作用。
我的依赖:
这是我的代码:
javascript - 在客户端 requireJS 环境中使用 material-ui?
我已经研究了几个小时来研究如何将material-ui
我的应用程序作为客户端 AMD 模块包含在内,这是我最接近的。使用grunt-amd-wrap
,我在 Gruntfile 中使用了以下 grunt 任务:
并安排它在material-ui
完成转换到其lib
文件夹后运行。但是,这仍然存在问题,因为文件require()
包含以下模块:
而且我不知道如何将它们捆绑到客户端AMD模块之外material-ui
。
总结:有没有办法grunt
将material-ui
CommonJS 语法转换为独立的 AMD 模块(或一组独立的 AMD 模块)?我想避免使用gulp
,我宁愿只browserify
在绝对必要时使用。
javascript - React JS + Material UI 抛出 leftNav 未定义
我试图用 Material UI 实现 React JS,但遇到了左导航栏切换行为的问题。
我已经使用 Yeoman 命令创建了组件。
有2个组件
BodyComponent - 父级
HeaderCompoent-子级
在 Body Component 中,我创建了 menuItem 和 LeftNavBar,在 HeaderComponent 中,我使用onLeftIconButtonTouchTap={this._handleTouch}事件创建了 AppBar,但是当我单击汉堡包图标时,它会抛出 navLeft 未定义。
根据我的理解,这里的问题是在子节点上调用事件并且 LeftNavBar 的引用在父节点中,这在某种程度上我无法访问它。
我已经读过这些都可以解决,但是将所有组件放在一起而不是分开,但我不想将它分开,我也不想使用助焊剂来解决这个问题。
有什么好的解决方案吗?还是我必须改变我编写代码的方式?如果是,如何?
车身组件
标题组件
reactjs - 在 React 中使用 Material-ui 的“DropdownMenu”时出错
我正在尝试DropdownMenu
从http://www.material-ui.com/#/components/dropdown-menu使用这个入门工具包https://github.com/kriasoft/react-starter-kit。出现下拉菜单,但是当我单击它时,它不显示其列表。
这是我的步骤:
npm install --save material-ui
将以下行添加到
/li>render()
inContactPage.js
:npm start
reactjs - react - material-ui appbar图标触摸事件不会触发
当我单击元素 AppBar 时,左侧的图标应该执行 _handleClick() 方法。我无法收到控制台消息。我正在使用 material-ui 框架,并且为通过触摸点击选择左图标时的回调函数提供了属性 onLeftIconButtonTouchTap。
但是它适用于另一个组件: