首页 > TAG信息列表 > material-ui

Javascript-为什么Material-UI无法识别theme.spacing函数？

描述 我正在尝试在React应用程序中使用Material-UI的theme.spacing函数,但是无法识别spacespace函数. Javascript错误消息是：TypeError：theme.spacing不是函数 我不确定这是否是错误或正在安装的框架版本有问题. 语境 >这里提出了the Github issue以解决此问题. >这里是带有恶意代码

javascript-如何使用Material ui reactjs禁用今天起的过去日期？

我正在使用React Material UI创建日期范围选择器.此功能的逻辑是选择所需日期,如果已选择了所需日期,请禁用所选日期中的所有过去日期.如何实现这个反应材料ui？ 这是我的代码, import React from 'react'; import {render} from 'react-dom'; import DatePicker from 'material-ui/

javascript-如何通过设置类来更改其下划线颜色

const styles = { inkbar: { '&:after': { backgroundColor: 'red', height: '2px' } }, underline:{ '&:before':{ height:'2px', backgroundColor:'green' } } }; <Select

javascript-材质用户界面选择不显示标签

我在Material UI的“选择”上花了很长时间-尝试用我想要的方式工作大约10个小时.我真的很感谢您的帮助. 这个问题与上一个问题有关：Select MenuItem doesn’t show when JSX saved to state,我怀疑如果回答“为什么”,我可能会对发生的事情有更好的了解. 我要完成的工作是执行以下正

javascript-如何用自定义组件替换React-Leaflet Popup？

我在项目中使用React-Leaflet和(callemall)Material-UI.我正在尝试在< Popup>< / Popup>中渲染Material-UI卡组件. React-Leaflet的组件.我尝试将其作为组件拉入Popup,但弹出窗口不允许组件正常工作.具体来说,卡组件具有一个按钮元素,可以将其展开,但是不幸的是,弹出窗口不允许我单

javascript-在材质ui中将AppBar与抽屉合并

我有一个AppBar组件,我想将其与抽屉组合在一起,这是AppBar代码： import React from "react"; import PropTypes from "prop-types"; import { withStyles } from "material-ui/styles"; import AppBar from "material-ui/AppBar"; import Toolbar from &qu

javascript-React组件更新子组件

我有一个React组件(相册),该组件的render()方法根据其状态返回两个可能的组件之一.这些组件之一(AlbumsTable)通过两个道具参数(类和专辑)被调用.第二个props参数是ajax使用Axios在更新专辑状态(导致其重新呈现)的方法(getData)中获得的数组. 由于Ajax的异步特性,专辑会渲染两次,第

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

我已经按照入门指南并运行示例,但它似乎将示例lib文件夹中的所有js组件作为单独的资源加载.我如何让它构建一个我刚刚从我的html引用的材料-ui.js(或material-ui.min.js)文件？我使用npm,gulp,browserify等吗？如果是这样,怎么样？我对javascript构建和打包工具一点也不熟悉.我只想要一个

javascript – 如何设置材料-ui文本字段的样式

我一直在努力研究如何设计material-ui.next textfield组件的样式. <TextField id="email" label="Email" className={classes.textField} value={this.state.form_email} onChange={this.handle_change('form_email')} margin="

android – 在Scroll Flutter上隐藏Appbar？

考虑这个图像.你可以看到它有一个appbar,appbar有Tabbed按钮. 我试图为appbar设置动画,使其隐藏在scrollup上,只留下Tab Buttons显示并滚动显示appbar apears.请帮帮我.对不起英语不好而不是美国人我也不是英语解决方法:如果我理解正确,下面的代码应该在TabBar保持可见时使应用栏

javascript – 拦截/处理React-router中的浏览器后退按钮？

我正在使用Material-ui的Tabs,它们受到控制,我将它们用于(React-router)链接,如下所示： <Tab value={0} label="dashboard" containerElement={<Link to="/dashboard/home"/>}/> <Tab value={1} label="users" containerElement={<Link to=&

javascript – React动态呈现一定数量的组件

我想根据用户获得的点数(this.state.points)显示一些组件Star(material-ui组件). 我不知道该怎么做. import React, { Component } from "react"; import { Star } from "@material-ui/icons"; Points extends Component { constructor(props) { super(props); this.stat

javascript – 在material-ui中只是禁用了组件的可见性.如何获得淡入淡出效果并实际隐藏组件？

我正在使用material-ui的材料组件ui. <Fade in={!randomizeFlag}> <Grid> <FormControlLabel control={<Switch onChange={this.handleStartValueFlag} ></Switch>} label="Start Value"></FormControlLabel

javascript – 无法解析’material-ui / Button’

我有一个现有的反应项目,我想添加material-ui库.所以我使用了命令npm install –save material-ui.但是当我运行它时,它显示错误. 这是错误细节 – Can’t resolve ‘material-ui/Button’ in ‘C:\Users{user}\demo2\src’ 这是存储库的链接 https://github.com/mui-org/mater

javascript – 在React中从父组件到子组件共享状态

我遇到了将父组件的状态绑定到子状态的问题.看一下代码： 父组件： class ParentForm extends React.Component { constructor(){ super(); this.state = { showDialog: false }; } toggleDialog()

javascript – 反应组件中的背景图像

我正在构建一个页面,我想要一个material-ui元素,使用background-image CSS属性来获得背景图像.我当然用google搜索了,并且有解决方案但由于某种原因我看不到那个图像. P.S.1：即使将MUI元素改为常规也根本没有帮助我. P.2.2：当我在内部使用容器时,它会显示,但那不是我想要的. UPDATE1：

javascript – 材质UI模式不起作用(React JS)

我试图从材料ui示例中复制模态的示例,但我无法使其工作,首先我得到一个“无法读取属性’未定义的’setState’”我解决了这个问题,现在没有错误控制台但是当我点击显示模态的按钮时没有任何反应. Im using material-ui v1.0.0-beta.31 这是代码： import React from 'react'; imp

javascript – 如何将材料-ui Grid组织成行？

我正在使用material-ui做一个表单,使用Grid系统我想做以下事情： <Grid container> <Grid item xs={4} /> <Grid item xs={4} /> <Grid item xs={4} /> </Grid> 并且能够将前两个项目放在第一行,第三行放在第二行,我发现这样做的唯一方法是： <Grid container> <Gri

javascript – Material Design Lite – 文本字段中的底线与彩色线条略有差距

我试图让Material Design Lite文本字段工作,我有一个问题,底部彩色线在灰色起始线之间有一个3-4微米的间隙.任何MDL文本字段示例我插入我的页面我得到相同的结果,什么可以在本地触发问题？我也在前端使用react.js. 我在1.2.1材料设计精简版. 这是一张图片： 这是我的代码： <div classN

javascript – 模拟点击material-ui切换组件测试

所以我试图使用jest和酶测试一些基于material-ui toggle组件的功能. 我有一个通用的clickIt函数,适用于其他材料-ui组件,但在这一个它似乎没有触发状态更改 function clickIt(wrapper, selector) { let elem = wrapper; if (selector) { elem = wrapper.find(selector);

javascript – MDL组件不与React一起使用

我正在关注Facebook的反应教程并正在玩它. 当我尝试将MDL与我的页面集成(来自getmdl.io)时,它无法正常工作. 在我的index.html;我添加了他们的CSS和js文件的链接.我还使用npm安装了mdl. 我的index.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

javascript – 在材料ui的datepicker中更改formatDate

我使用带有redux形式的material-ui datepicker组件.这看起来很神奇我在这里有一点问题.当我将输入字段中显示的日期更改为yyyy-mm-dd时.我想改变它,以便显示为dd-mm-yyyy. datepicker有一个名为formatDate的属性,它将一个函数作为输入. 所以我写道： <Field name="dateFrom"

javascript – 更改Material UI Indeterminate复选框的颜色

我很难将颜色应用到我的复选框的不确定状态.完全选中后,复选框会正确显示为辅助颜色.有什么建议我做错了什么来定位不确定状态并改变它的颜色？ const styles = { root: { '&$indeterminate': { color: 'red', }, }, indeterminate: {}, }; ... <ListItem dense b