问题标签 [jss]
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.
reactjs - why two border showing on hover of input field?
could you please tell me why two border showing on hover of input field ? see my image
I am using react+ material
with react .
here is my code
https://codesandbox.io/s/kxx08jo487
I want only one border red
.I tried like that
I take help from this link https://material-ui.com/customization/overrides/
reactjs - 如何在反应的材料-UI选择框中设置默认值?
我正在使用来自 material-ui 的选择框
我想在默认情况下显示“选择值”选项,但之后用户无法选择此选项。
沙盒上的当前代码:https ://codesandbox.io/s/xoylmlj1qp
我想做这样的:https ://jsfiddle.net/wc1mxdto/
更新
我将状态更改为20
圆圈中的空白字符串
css - 动画切换网格大小
我有一个带有 React 和 Material UI 的项目。
我需要一些关于如何为网格项目大小更改设置动画的指导。该项目默认为 sm={3},当用户悬停该项目时,它会更改为 sm={6}。
这是我的代码:
这就是我做 JSS 的方式:
我认为这应该对其进行动画处理。但是,转换没有做任何事情。
javascript - 在material-ui中为JSS创建通用样式类
我正在使用material-ui
的 JSS 实现来设置类的样式。
styles
因为我已经分离了我的组件,所以当涉及到组件时,我有很多重复的代码。
例如,我有所有使用通用样式的卡片:
我很少想扩展组件内的样式,但想将这些对象导入现有styles
函数,因此我不必复制这些对象。
有没有人或有人知道如何做到这一点?
谢谢
javascript - 如何使用css将下拉内容定位在下拉按钮后面
如何使用 react jss 将下拉内容定位在下拉按钮后面。我尝试使用
对于按钮和
对于下拉内容。但它不起作用。
jss - 如何在jss中选择第一个或最后一个孩子
我JSS(Javascript Style Sheets)
在我的 React 项目中使用。我试图选择first-child
or last-child
,所以我尝试了以下
但是,它不起作用。在 Chrome 开发人员工具中,它正确显示了正确的 CSS 代码,但是对于某些原因,它选择了每个 img 标签,而不仅仅是第一个孩子。如何仅选择 JSS 中的第一个元素?
javascript - 在为父组件生成样式之后放置material-ui为子组件生成的样式?
我正在使用material-ui,它又使用JSS来设置网站样式。
我有一个名为的组件Layout
,它设置其所有子项的边距(使用其样式中的所有子项选择器& > *
)。这行得通,但我也希望孩子们能够以他们自己在className
属性中命名的样式覆盖该边距。
这个问题是由于 material-ui 的函数在 htmlwithStyle
中将父样式放在子样式之后<head>
。我可以通过做类似的事情来增加所有孩子的风格优先级,withStyles(classes, { index: 1 })(ChildComponent)
但这会很乏味且容易出错。
我能做些什么来允许孩子覆盖父定义的样式?
另请参阅此请求。
reactjs - 字符串比较是为 React-JSS 中的变体进行动态样式设置的正确方法吗?
我在这里有一个沙箱:
https://codesandbox.io/s/p2wy9pp8lx
我有一些像这样的动态样式:
对于像这样的课程:
这就是我想要的。
使用字符串比较是实现这一目标的正确方法吗?还是这对性能不利?
javascript - 我可以选择一个类型的所有反应组件,而不为每个组件分配一个类吗?
我在这里有一个游乐场:https ://codesandbox.io/s/736v9vjzw1
我在这里有一种情况,我想SomeOtherThing
在我的SomeThing
.
我可以使用& p
选择器来选择p
元素——但我不喜欢这样。它会为我周围的任何随机p
s 设置样式——而且我不想查看组件定义内部来找到它的顶级元素是什么。
我怎样才能做到这一点?类似的东西& SomeOtherElement
。
这个在现实世界中的应用,是在一些我想要的地方已经SomeOtherElement
显示block
,而在其他地方inline-block
。
ajax - SSE 在 AJAX 运行时保持挂起
在我的项目中,我有一个由 AJAX 调用的长时间运行的进程。持续时间可以是 1 到 15 分钟。
在 AJAX 运行时,我想向用户提供更新。它只应该简单地显示还有多少行要添加到数据库中。
我发现有几种不同的选择可以实现这一点。轮询、SSE 或 WebSockets。我从未使用过 WebSockets,也找不到一个很好的例子。
我现在正在尝试使用我非常了解的 SSE,并且它工作正常。但是当 AJAX 开始运行时,与 eventSource 的连接将处于挂起状态。因此,当 AJAX 运行时,没有收到任何更新。
代码:
截图:
现在实际上我仍然没有找到任何关于如何在 AJAX 进程运行时实现 SSE 的参考或示例。所有的参考资料或例子都给出了让 getProgress 文件做某事的例子。