如何在ReactJS导入的CSS中使用环境变量?

Ben

我使用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中。我将如何去做呢?

杨Y |

如果要在CSS中使用js变量,请尝试使用React inline-style而不是普通的CSS文件。

https://facebook.github.io/react/tips/inline-styles.html

如果要分离CSS和JS,则可能需要CSS预处理器来管理全局变量。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章