我使用https://github.com/facebookincubator/create-react-app创建了一个简单的React应用。
我试图为组件的CSS指定一个可配置的URL,如下所示:
.Cell {
background-image: url({process.env.REACT_APP_STATIC_URL}./someImage.png);
}
这是组件:
import React from 'react';
import './Cell.css'
class Cell extends React.Component {
render() {
return (
<div className="Cell">
{this.props.name}
</div>
);
}
}
但这看起来好像过程变量没有滴入到导入的CSS中。我将如何去做呢?
如果要在CSS中使用js变量,请尝试使用React inline-style而不是普通的CSS文件。
https://facebook.github.io/react/tips/inline-styles.html
如果要分离CSS和JS,则可能需要CSS预处理器来管理全局变量。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句