css - 在 React 组件中使用 css/scss 变量作为内联样式
问题描述
有没有一种有效的方法可以在 React 组件中使用 SCSS 或 CSS 变量作为内联样式?
我想在下面做这样的事情
scss
$red: #F65959;
:root {
--red: $red;
}
js
const style = {
color: '--red',
};
export default style;
解决方案
如果要使用css自定义属性应该是这样的
:root {
--red: #{$red};
}
const style = {
color: 'var(--red)',
};
推荐阅读
- xquery - Xquery 在标记化时保留空格
- neo4j - 表达、查询和执行对图形内容的约束
- scala - 使用 pyspark 在数据框的架构中搜索
- mongodb - MongoDb 聚合框架对内部数组的元素进行分组
- python - 在 NeptuneDB(Gremlin) 中创建顶点时如何跳过 Null 属性
- javascript - 我遇到了一个问题,即“鼠标悬停”事件只是在我将鼠标悬停在所选元素上之前就开始了
- java - Java 密语
- internet-explorer - 如何拥有带有调试器窗口的控制台窗口
- python - 为什么这个 pandas str.extract 模式有效?
- c# - 在 C# 中将 CSV 导出到 SQL - 如何将导出偏移一列