ushiyaDevLog

iPhoneとかMacとか、家電とか、筋トレとか、なんか色々になりました

Gatsby Programming

[Gatsbyで構築]JSXでstyle属性のbackgroundImageを使いたい

投稿日:

cssで背景をつけてもいいのですが、ちょっとお試ししたいとか、状況に応じて背景を変更したい場合にはJSXでstyle属性の指定をしたい時があります。

今回は背景backgroundImageを使いたかったので調べると、次の方法を見つけました。

Reactのサイトで紹介されたもの

参照:https://ja.reactjs.org/docs/dom-elements.html
これでは背景は表示されませんでした。

解決した方法

参照:https://qiita.com/kikkakesan/items/c1a40bb5aecd97aaab63
これでばっちり背景が表示されました。

ちなみにもう一つダメだったケース

' ではダメで `でおっけいでした。

実際の使い方

このように使ってます。

AD

[広告]

AD

[広告]

-Gatsby, Programming
-,

Copyright© ushiyaDevLog , 2020 All Rights Reserved Powered by STINGER.