问题标签 [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.

0 投票
1 回答
136 浏览

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 enter image description here

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/

0 投票
8 回答
99282 浏览

reactjs - 如何在反应的材料-UI选择框中设置默认值?

我正在使用来自 material-ui 的选择框

我想在默认情况下显示“选择值”选项,但之后用户无法选择此选项。

沙盒上的当前代码:https ://codesandbox.io/s/xoylmlj1qp

我想做这样的:https ://jsfiddle.net/wc1mxdto/


更新

我将状态更改为20圆圈中的空白字符串

现在预期的输出应该是下拉应该显示“请选择值”,但目前它显示这个 在此处输入图像描述

0 投票
1 回答
476 浏览

css - 动画切换网格大小

我有一个带有 React 和 Material UI 的项目。

我需要一些关于如何为网格项目大小更改设置动画的指导。该项目默认为 sm={3},当用户悬停该项目时,它会更改为 sm={6}。

这是我的代码:

这就是我做 JSS 的方式:

我认为这应该对其进行动画处理。但是,转换没有做任何事情。

0 投票
1 回答
1553 浏览

javascript - 在material-ui中为JSS创建通用样式类

我正在使用material-ui的 JSS 实现来设置类的样式。

styles因为我已经分离了我的组件,所以当涉及到组件时,我有很多重复的代码。

例如,我有所有使用通用样式的卡片:

我很少想扩展组件内的样式,但想将这些对象导入现有styles函数,因此我不必复制这些对象。

有没有人或有人知道如何做到这一点?

谢谢

0 投票
0 回答
51 浏览

javascript - 如何使用css将下拉内容定位在下拉按钮后面

如何使用 react jss 将下拉内容定位在下拉按钮后面。我尝试使用

对于按钮和

对于下拉内容。但它不起作用。

0 投票
2 回答
11274 浏览

jss - 如何在jss中选择第一个或最后一个孩子

JSS(Javascript Style Sheets)在我的 React 项目中使用。我试图选择first-childor last-child,所以我尝试了以下

但是,它不起作用。在 Chrome 开发人员工具中,它正确显示了正确的 CSS 代码,但是对于某些原因,它选择了每个 img 标签,而不仅仅是第一个孩子。如何仅选择 JSS 中的第一个元素?

0 投票
1 回答
442 浏览

javascript - 在为父组件生成样式之后放置material-ui为子组件生成的样式?

我正在使用material-ui,它又使用JSS来设置网站样式。

我有一个名为的组件Layout,它设置其所有子项的边距(使用其样式中的所有子项选择器& > *)。这行得通,但我也希望孩子们能够以他们自己在className属性中命名的样式覆盖该边距。

这个问题是由于 material-ui 的函数在 htmlwithStyle中将父样式放在子样式之后<head>。我可以通过做类似的事情来增加所有孩子的风格优先级,withStyles(classes, { index: 1 })(ChildComponent)但这会很乏味且容易出错。

我能做些什么来允许孩子覆盖父定义的样式?

另请参阅此请求

0 投票
1 回答
80 浏览

reactjs - 字符串比较是为 React-JSS 中的变体进行动态样式设置的正确方法吗?

我在这里有一个沙箱:

https://codesandbox.io/s/p2wy9pp8lx

我有一些像这样的动态样式:

对于像这样的课程:

这就是我想要的。

使用字符串比较是实现这一目标的正确方法吗?还是这对性能不利?

0 投票
3 回答
1388 浏览

javascript - 我可以选择一个类型的所有反应组件,而不为每个组件分配一个类吗?

我在这里有一个游乐场:https ://codesandbox.io/s/736v9vjzw1

我在这里有一种情况,我想SomeOtherThing在我的SomeThing.

我可以使用& p选择器来选择p元素——但我不喜欢这样。它会为我周围的任何随机ps 设置样式——而且我不想查看组件定义内部来找到它的顶级元素是什么。

我怎样才能做到这一点?类似的东西& SomeOtherElement

这个在现实世界中的应用,是在一些我想要的地方已经SomeOtherElement显示block,而在其他地方inline-block

0 投票
1 回答
754 浏览

ajax - SSE 在 AJAX 运行时保持挂起

在我的项目中,我有一个由 AJAX 调用的长时间运行的进程。持续时间可以是 1 到 15 分钟。

在 AJAX 运行时,我想向用户提供更新。它只应该简单地显示还有多少行要添加到数据库中。

我发现有几种不同的选择可以实现这一点。轮询、SSE 或 WebSockets。我从未使用过 WebSockets,也找不到一个很好的例子。

我现在正在尝试使用我非常了解的 SSE,并且它工作正常。但是当 AJAX 开始运行时,与 eventSource 的连接将处于挂起状态。因此,当 AJAX 运行时,没有收到任何更新。

代码:

截图:

网络日志

现在实际上我仍然没有找到任何关于如何在 AJAX 进程运行时实现 SSE 的参考或示例。所有的参考资料或例子都给出了让 getProgress 文件做某事的例子。