Reactでstyle属性を直接表示(インライン表示)させる方法 - ジャンボモナカ

jumbomonaca.hatenablog.com / 1年

Reactで、例えば、CSSのbackground-imageを動的に設定したい場合、JSXで文字列結合してしまうとエラーが発生してしまう。 // エラー class Hoge extends React.Component { constructor(props) { super(props); } render(){ return <div style="background-image:url(" + {this.props.imgURL} + ">Hello React</div> } } ReactDOM.render( <Hoge />, document.querySelecto…

この記事をPICKする

hatenabookmark
Reactを使ってstyle属性のbackgroundImageを表示させる方法に少し悩んだので備忘録としてまとめました。
Pickしました
appstore
googleplay
会員登録
URLからPICKする

会員登録して、もっと便利に利用しよう

  • 1.

    記事をストックできる
    気になる記事をPickして、いつでも読み返すことができます。
  • 2.

    新着ニュースをカスタマイズできます
    好きなニュースフィードをフォローすると、新着ニュースが受け取れます。