reactで背景画像がurl is not definedとなるとき
ReactでCSSの中で背景画像を指定して表示させようとしたのですが、うまくいきませんでした。
その時のコードとしては、こんな感じ。
heroContent: {
backgroundColor: theme.palette.background.paper,
padding: theme.spacing(8, 0, 6),
backgroundImage: url("paper.gif"),
}
これだとうまくいかないんで、こうします。
heroContent: {
backgroundColor: theme.palette.background.paper,
padding: theme.spacing(8, 0, 6),
backgroundImage: 'url(https://source.unsplash.com/random)',
}
これでうまくいきます。
参考