5

https://github.com/facebookincubator/create-react-appを使用して簡単な React アプリを作成しました。

次のように、構成可能な URL をコンポーネントの CSS に指定しようとしています。

.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 にたどり着くようには見えません。どうすればこれを行うことができますか？

4

2 に答える 2

3

CSS で js 変数を使用する場合は、プレーンな css ファイルの代わりに React インライン スタイルを試してください。

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

CSS と JS を分離したい場合は、グローバル変数を管理するために CSS プリプロセッサーが必要になる場合があります。

于 2016-10-18T03:56:16.200 に答える