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)',
}

これでうまくいきます。

参考

Stack Overflow

Uncaught ReferenceError: url is not defined

https://stackoverflow.com/questions/28130908/uncaught-referenceerror-url-is-not-defined

So I created a an iphone out of pure css and I am trying to make the screen change on click to make it interactive. I am new to java script, just started learning about it a week or so ago, and bro...