/Javascript/React/Setting a background Image With React Inline Styles

Setting a background Image With React Inline Styles

React background image

style={{  
  backgroundImage: "url(" + "https://images.pexels.com/photos/34153/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=350" + ")",
  backgroundPosition: 'center',
  backgroundSize: 'cover',
  backgroundRepeat: 'no-repeat'
}}

Source: stackoverflow.com

Setting a background Image With React Inline Styles

backgroundImage: `url(${Background})`

How to import background image in inline css in react

style={{backgroundImage: `url(${pencil})`}}

Similar codes

5 votes310 views2 answers
Add object in array state react
Javascript React
1 vote311 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React
66 votes318 views6 answers
Routing react
Javascript React
15 votes327 views6 answers
Form in react
Javascript React
2 votes330 views1 answer
Can't import react bootstrap
Javascript React
14 votes371 views4 answers
Conditional classname prop react
Javascript React
0 vote334 views4 answers
React router v6
Javascript React
0 vote385 views1 answer
Ngrok react.js
Javascript React
0 vote359 views4 answers
Router react how to pass data to class component
Javascript React
30 votes352 views5 answers
Use effect react
Javascript React