-
0 votesanswersviews
NextJS和响应式设计
我使用create-react-app开发了一个很大的单页面应用程序 .我正在将所有内容迁移到NextJS,主要用于SEO目的 .我在一个问题上摸不着头脑:处理响应式设计的最佳方法是什么?在我的create-react-app遗留代码中,我始终保持组件与window.innerWidth同步,并使用它来处理大部分响应(除了由material-ui处理的网格布局) .但由于我们可以在服务器渲染期间使... -
1 votesanswersviews
如何在输入后在TextField中添加span?
在react.js中使用material-ui,i 'm trying to target invalid TextField components with css. i can' t使用:input:before或:input:之后我想在输入后注入一个span,所以它可以用 :invalid+span 设置样式 . 在没有重写整个组件的情况下,有没有办法传递? <TextField re... -
5 votesanswersviews
在Material UI中引用主题的主要颜色而不是特定颜色
使用ReactJS和Material UI,我有一个项目,我在其中更改了主题颜色 . const newTheme = getMuiTheme({ fontFamily: 'Roboto, sans-serif', palette: { primary1Color: cyan500, primary2Color: cyan700, p... -
1 votesanswersviews
如何使用样式组件和SASS为下一个组件设置材料样式
我们想在我们的应用程序中使用材料ui下一个组件,我们正在使用带有SASS的样式化组件 . 为了实现这一点,我们使用webpack和raw-loader来导入生成的CSS并应用如下样式: const sidebarStyles = require('./Sidebar.sass'); const StyledDrawer = styled(Drawer)` ${sidebarStyles}... -
0 votesanswersviews
材质UI - 按钮标签中的字体大小
我正在试图弄清楚如何在我的Material UI按钮中增加标签的字体大小 . 我有一个按钮设置: 从'react'导入React;从'../materialui/Button.js'导入MyButton; const style = { background: '#FF5349', color: 'white', padding: '0 30px', textTra... -
0 votesanswersviews
'material-ui'不包含名为'withStyles'的导出
我的package.json看起来像这样 . 该应用程序工作正常,直到不久前我突然得到这个错误 . "@material-ui/icons": "1.0.0-beta.42", "chartist": "0.10.1", "classnames": "2.2.5", "... -
38 votesanswersviews
如何从材料-ui TextField,DropDownMenu组件中获取数据?
我创建了表单,我有几个TextField,包含DropDownMenu材料-ui组件,问题是如何从一个obj中收集所有TextFields,DropDownMenus中的所有数据并将其发送到服务器上 . 对于TextField,它具有TextField.getValue()返回输入的值 . 但我不明白如何使用它 . var React = require('react'), mui = r... -
2 votesanswersviews
在material-ui @ next中使用TextField样式
我要更改 color of label 和 TextField 组件中的文本 . 我正在使用 material-ui@next. 和0.15的文档不起作用(我已经检查过) . 有人可以给我简短的例子如何 override floating label ? (不改变一般主题!) 谢谢 -
0 votesanswersviews
MaterialUi Textfield输入
我想在我的反应项目上测试material-ui . 当我想写一个 TextField 时,我必须在文本字段的下方单击1厘米,这样我才能开始写作 . 如果我把光标放在黑点上没有任何事情发生,我无法写入 TextField . 但如果我把光标(红点)我可以写在 textfield . 有没有办法来解决这个问题 ? 编辑:发现我的CSS中的问题导致HR导致此问题 -
3 votesanswersviews
如何将焦点设置在FormControl上 - 选择? (反应)
我有material-ui - select并希望以编程方式专注于此元素 . <FormControl className="select100"> <Select ref={(formControll) => { this.formControll = formControll; }} ... -
5 votesanswersviews
如何使用Material-ui @ next TextField错误道具
我想使用Material-UI Next textfield error props link,道具类型是 boolean . 以前版本的Material-UI道具名称是 errorText ,道具类型是 node link . 使用 errorText 道具的Textfield Material-UI以前的版本: <TextField name='name' floatin... -
1 votesanswersviews
在材质UI的文本字段中设置maxlength时未显示响应
尝试设置Material-Ui的TextField的最大长度属性,但没有找到任何可以设置的属性 . 还尝试使用以下代码工作,但仍然无法正常工作 . 代码是: - <TextField label="Amazon Login" name="login" type = "nu... -
3 votesanswersviews
从TextField选择组件,Material UI和React手动失去焦点
我有一个select输入,我使用Material-UI lib中的TextField组件创建 . 选择某个选项后,我需要手动失去焦点 . 我尝试使用'inputRef' prop对TextField的引用,这很好但是当我尝试在this.selectInput.current上触发blur()函数时,就像我在这里做的但没有MaterialUI lib . class Select extends R... -
1 votesanswersviews
如何在按钮单击时关注材质UI文本字段?
单击按钮后如何聚焦文本字段 . 我试图使用autoFocus,但它没有成功:Example sandbox <div> <button onclick={() => this.setState({ focus: true })}> Click to focus Textfield </button> <T... -
0 votesanswersviews
MaterialUI - 更改焦点上的颜色Textfield
我正在尝试更改Textfield中标签文本的颜色,但我似乎无法弄明白 . 这是我正在尝试的: <TextField value={value} key={name} label={label} id={id} name={name} InputLabelProps={{ shrink: true, FormLabelCl... -
2 votesanswersviews
如何使AppBar组件填充所有div的宽度和10%的高度?
class MyStupidComponent extends React.Component { render() { return ( <div style={{width: "100%"}}> <div style={{height: "10%"}}>... -
4 votesanswersviews
Materiall-UI刷新指示器中心对齐水平
Stack:Meteor React Material-UI 这是我的'主'渲染器组件的完整代码: // Sorry for not giving material-UI CSS, // cause it cannot be served as stand-alone CSS render() { return ( <div className = "con... -
1 votesanswersviews
如何在材料ui中做响应式抽屉?
默认组件抽屉总是像一个模态窗口一样打开 . 但我需要响应组件抽屉打开抽屉,如容器内的左菜单调整中央内容 . 我怎么能用材料ui做到这一点? -
0 votesanswersviews
React Material UI Multiline Textfield OnSubmit不会触发
我'm trying to design a text input box similar to Slack'的风格 . 您可以在哪里执行Ctrl Enter以执行换行并按Enter键进行提交 . 这对于材料用户界面文本字段甚至材料用户界面是否可行? 谢谢! -
3 votesanswersviews
是否可以在material-ui-next中更改TextField的字体颜色?
我目前正在使用material-ui-next 我在尝试更改多行TextField的字体颜色时遇到问题 . <TextField className = "textfield" fullWidth multiline label = "Debugger" row... -
4 votesanswersviews
Material-UI TextField上下文脏
我是'm trying to better understand how to check for dirtyness using material-ui'的FormControl或TextField组件 . TextField demo page的文档说明: TextField由较小的组件(FormControl,InputLabel,Input和FormHelperText)组成,您可以直... -
1 votesanswersviews
在普通css上为材质-ui TextField组件的underlineFocusStyle设置样式
在Material-UI的组件中,您可以为组件本身提供样式对象作为JSX标记的属性,但是您必须为underlineFocusStyle提供单独的样式对象 . 我的意思是例如TextField组件的underlineFocusStyle . 你会喜欢它的样式: <TextField hintText="Hint Text" style={{width: '80%'}} ... -
1 votesanswersviews
Material UI React无法识别DOM元素上的`underlineStyle` prop
我已经按照示例代码来设置材质UI TextField元素的下划线颜色 . http://www.material-ui.com/#/components/text-field 但是,当我尝试添加自己的样式时,react无法识别此属性 . <TextField type="number" id="Commission" label="Commi... -
0 votesanswersviews
jss覆盖材料-ui非确定性类
我正在尝试为材质textField创建自定义样式,并且需要一个达到非确定性类名的JSS选择器 . 风格看起来像这样: const styles = { '@media (min-width: 768px)': { borderLabel: { top: 2, '&.MuiInputLabel-shrink':{ top: -2, ... -
0 votesanswersviews
如何设置Material-UI v1 TextField的样式,类似于v0 TextField
在material-UI v0中,TextField可以使用给定的属性正确设置样式 .像这样; <TextField floatingLabelText="New Password" fullWidth={true} underlineStyle={styles.dialogInputUnderlineStyle} underlin... -
27 votesanswersviews
反应,点击事件和材料 - ui
我试着 material-ui 和 react ,我遇到了一个没有开火的事件 . 我已经安装了 react-tap-event-plugin ,并在引导应用程序时调用 injectTapEventPlugin() . 永远不会在以下代码段中调用 toggleMenu : /** @jsx React.DOM */ var React = require('react'); var mui = ... -
3 votesanswersviews
Material-ui TextField搞乱了react-redux
我有一个带有 TextField 的react组件: <TextField hintText="name" floatingLabelText="Your name:"/> 组件通过使用react-redux的 connect 函数生成的容器连接到商店 . 目前没有传递给容器的参数 . 并且不会在组件中的任何位置调度任何操作 .... -
2 votesanswersviews
使用React Material-UI自动对焦TextField
我用Material-UI TextField 我想实现一个自动对焦,我无法通过设置 autofocus=true 找不到通过标记来实现它的方法 . 任何帮助? -
4 votesanswersviews
在redux-form中显示错误消息onChange
我正在尝试使用redux-form Field(与Material-ui一起)和验证 . 当我离开字段(即onBlur)时,似乎显示错误消息 . 我想要实现的是在用户输入时动态进行验证,并在onChange事件上显示错误消息 . 我将如何实现这一行为? import { TextField } from 'redux-form-material-ui'; import { Field, redux... -
2 votesanswersviews
材料ui自动完成问题,在React中具有默认值
我正在使用带有材料ui自动完成字段的redux-form . 我需要做的是: 当页面加载自动完成值为空时 . 当用户开始键入并达到3个字符时,我想调用API,并且我希望将该API的结果显示为自动完成数据源 . 我尝试过的: 我试图不设置dataSource并在seconde尝试我设置dataSource = {}在我得到相同的错误消息的情况下: 失败的道具类型:道具数据源在自动完成中被标记为必需...