-
0 votesanswersviews
自定义withStyles Material UI React样式化组件
我有一个材料库-ui风格的React组件 . 样式组件如下所示： import React from "react"; import withStyles from "@material-ui/core/styles/withStyles"; import headerStyle from "material-kit-pro-react/asset... -
0 votesanswersviews
jss覆盖材料-ui非确定性类
我正在尝试为材质textField创建自定义样式，并且需要一个达到非确定性类名的JSS选择器 . 风格看起来像这样： const styles = { '@media (min-width: 768px)': { borderLabel: { top: 2, '&.MuiInputLabel-shrink':{ top: -2, ... -
1 votesanswersviews
以本地JSS样式引用全局组件类？
我正在使用material-ui做反应，而我想要做的就是在它出现在本地类中时标准材质ui组件 . 从概念上讲，类似于： const styles = { localClass: { '& MuiGrid-item': { backgroundColor: 'red' } } } 我在JSS中看到如何使用 $ 表示法引用本地类，以及如何使用 create... -
0 votesanswersviews
如何在react-jss中访问嵌套对象样式
我想在React JSS中访问这个嵌套对象我正在使用React-JSS中的injectSheet export const textStyle = { size: { '&:larger': { fontSize: '1.28em' }, '&:large': { fontSize: '1.250em' } } 我在 ... -
4 votesanswersviews
jss如何改变颜色的不透明度
目前我使用以下代码使用jss为元素添加颜色 . const styleSheet = theme => ({ root: { backgroundColor: theme.colors.red, }, }) 我想知道是否存在一个基于颜色 theme.colors.red 添加不透明度的函数 . smt例如： backgroundColor: color(theme.col... -
0 votesanswersviews
使用JSS创建可主题的反应组件
我在跟踪如何使其工作的文档时遇到了一些麻烦 我有一个创建了一些样式的组件，在大多数情况下，所有这些样式都将应用于呈现此组件的任何位置但有时取决于应用程序路由到哪个页面我将要更改组件的总体高度那些页面 . 我想我可以通过传递一些新的高度道具来实现这一点，以遵循更主题的中心方法 . 如何使用我当前的设置？ 样式文件 const styles = theme => ({ root: { ... -
0 votesanswersviews
用JSS覆盖material-ui中的样式
我有像这样的html结构 . 和2个组件 HeaderNavItem.jsx const HeaderNavItem = ({ classes, className, children }) => ( <div className={cn(classes.root, className)}>{children}</div> ); export default ... -
1 votesanswersviews
改变JSS中的风格
我有以下使用JSS的组件： import React from 'react' import injectSheet from 'react-jss' const styles = { button: { backgroundColor: 'pink', } } class App extends Component { changeStyle = () => {... -
0 votesanswersviews
JSS审讯
我在JS（JSS）中使用带有材料-ui的CSS，它工作正常，但我没有得到它应该提供的功能/编码设施（不仅仅是样式注入） . 我觉得我错过了一些东西，所以我有一些具体的问题 . 通过样式注入，我可以根据上下文调整样式，例如： const buttonStyle = { border: "2px solid black », borderRadius: "5px"... -
1 votesanswersviews
JSS嵌套样式容器
我正在使用React Material UI - > TextField组件，我想围绕它做一些包装，可以覆盖样式 . 根据文档，我们有2个道具来实现这一点：1）InputProps - 这里我们应该将类传递给内部Input组件，这是我们TextField的核心 . 2）直接类属性，应直接应用于TextField . 那些类应该包含FormControl的规则 （听起来很难，实际上就是当... -
0 votesanswersviews
CSS在JS与Shadow DOM中的CSS
Web组件使用阴影dom进行样式封装 . 根据规范，您知道阴影根中的样式是本地范围的 . 多次实例化同一个Web组件时对内存的影响是什么？例如：您将自定义按钮webcomponent实例化10次 . 例 #Shadow-root <style> .outer { border: 2px solid brown; border-radius: 1em; background:... -
2 votesanswersviews
如何使用Jest / Enzyme来测试具有JSS样式封装的React组件？
由于JSS组件封装，我在使用Jest测试我的React组件时遇到了一些麻烦 . 伪代码示例： JSS（ style.js ）： export default { pinkOnYellow: { color: 'pink', backgroundColor: 'yellow' } } 反应组件 import { withStyles } from 'ma...