问题标签 [emotion]
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.
css - Emotion css styled 使用与示例相同的代码给我错误
我正在尝试在我的 React 测试项目中使用Emotion.sh ,但使用与示例中相同的代码时出现以下错误
需要考虑的可能有冲突的事情: 1. 我使用的是 npm,现在我使用的是 yarn;2. 我已经有一个小项目,我只更改了我的 App.js 以适应与示例完全相同 3. 我对这一切都很陌生=]
javascript - 使用“Content-Type:application/octet-stream”类型的数据调用 Microsoft Azure Emotion API 时获取“状态代码:400 错误请求”
我正在尝试以Content-Type: application/octet-stream
.
我通过调用从画布中获取图像的 Base64 字符串canvas.toDataURL('image/jpeg', 0.1);
(我也尝试用 1、0.5、0.2 调用它,只是为了检查它是否有效并停止给我错误)
然后使用那个 Base64 字符串,我调用 EmotionService 的getUserEmotion
方法。
我按照这个答案中提到的说明,使用 Angular 的 HttpClient 进行 AJAX 调用。这是我的服务的样子:
这是我的网络选项卡对于请求的样子:
以下是我的问题:
- 在我关注的 SO Answer 中,他们还指定我应该
processData:false
为我的 AJAX 调用设置选项。但我不确定如何使用 Angular 的HttpClient
. - 请求有效负载中的
data
字段也为空。但是当我调试时,我从方法中得到了正确的 Blob 对象makeBlob
。为什么会这样?
javascript - Emotion CSS-in-JS - 如何根据组件道具添加条件 CSS?
我想要一个用Emotion设置样式的组件,它采用最终控制样式的道具。例如,考虑一个GridCol
具有各种改变填充和宽度的道具的组件(宽度可以在不同的视口宽度上改变)。
我想使用这样的 API:
这里发生了三件事:
- the
gutter
是一个布尔属性,它为列添加一些水平填充 size
prop 可以是字符串或对象。如果它是一个字符串,我们只需添加几行 CSS 就可以了,但是,如果它是一个对象,我们需要根据在别处设置的断点对象插入一些媒体查询。
Emotion 的文档不清楚如何处理这种性质的样式,至少我没有看到它,所以我希望能找到一个通用的解决方案。
对于gutter
道具,这是微不足道的:
对于size
道具,它变得更加复杂,我希望生成的 CSS 看起来像这样:
这些width
值将由 prop 的 key 确定,它对应于breakpoints
object 中的一个 value,这部分并不简单,但我不知道如何动态生成所需的 css。
我确信我可以添加更多信息,我已经做了一些尝试,但目前没有一个有效。我的感觉是我应该创建一个无状态功能组件,为每个条件生成 css,然后在最后加入 css..
c# - VideoDetector.start 抛出异常“初始化失败,数据文件夹无效”
VideoDetector 在调用Detector.start()
方法时抛出以下异常。
初始化失败,数据文件夹无效
我的 classifierPath 设置正确为C:\Program Files\Affectiva\AffdexSDK\data
我错过了什么吗?
代码:
objective-c - Affectiva 从文件 macOS 中检测情绪
我正在尝试制作一个 macOS 应用程序,该应用程序可以使用驱动器中的文件从图片中检测情绪。我在以正确方式向“usingFile”添加路径时遇到问题。目前 Xcode 显示错误:“使用未声明的标识符 'path'”。
Affdex-SDK 的文档:http: //affectiva.github.io/developerportal/pages/platforms/v4_0_0/ios/classdocs/interface_a_f_d_x_detector.html
css-modules - 使用 Next.js 渲染 normalize.css + 情感样式
我正在尝试将 Normalize.css 添加为全局并为我的 CSS 模块使用情感。
首先我的.babelrc
添加 Normalize.css
在我的_document.js
我添加了规范化
与此处显示的相同
用 Emotion 添加我的 css 模块
与此处显示的相同
问题
错误:样式表:
insertRule
只接受字符串。在 StyleSheet.insertRule (/home/riderman/WebstormProjects/tmp/node_modules/styled-jsx/ dist/lib/stylesheet.js:125:7) at /home/riderman/WebstormProjects/tmp/node_modules/styled-jsx/dist/stylesheet-registry.js:88:29 at Array.map (native) at StyleSheetRegistry.add (/home/riderman/WebstormProjects/tmp/node_modules/styled-jsx/dist/stylesheet-registry.js:87:27) 在 JSXStyle.componentWillMount (/home/riderman/WebstormProjects/tmp/node_modules/styled-jsx/dist/ style.js:58:26) 在 ReactDOMServerRenderer 解析 (/home/riderman/WebstormProjects/tmp/node_modules/react-dom/cjs/react-dom-server.node.development.js:2616:12)。
添加
在此处查看源代码
javascript - 在 react-emotion 或 styled-component 中获取组件
然后如果我渲染这个组件并使用component.type
,我会得到styled()...
函数而不是Field
组件。
我如何Field
进入风格化的功能?
reactjs - 检测链接是否在反应中处于活动状态的道具
我有一个NavLink
有子组件
LikeactiveClassName
链接处于活动状态时附加,我需要检测此链接是否处于活动状态并向其子组件发送道具Icon
有点像<Icon color={linkisActive?'red':'blue'}/>
reactjs - Material-ui 覆盖反应情感规则
在我的项目中,我使用 Material-ui 组件和 react-emotion。
让我举一个有问题的例子。我有这个元素:
在哪里
这样我就可以用 0 覆盖 CardHeader 的默认填充(16px),这是我的意图。
在开发模式下,一切都按预期工作,但在生产中,填充:0 规则被默认填充 16 像素覆盖。
发生这种情况的原因是在开发模式下,样式是动态添加到标题中的。首先是 Material-UI 样式,然后是情感样式。像这样:
但在生产中,风格是相反的
这就是在生产模式中覆盖样式的原因。
Material ui 对此 https://material-ui.com/styles/advanced/#css-injection-order进行了解释
但是通过提出的解决方案,我无法更改情感的顺序,并且材料-ui 样式是有序的。我只能更改材质ui并将其进一步向下移动
任何人都知道如何解决这个问题?