/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

0 vote153 views1 answer
How to send data to another page in react from button
Javascript React
1 vote140 views1 answer
React native generate stylesheet with function
Javascript React
98 votes163 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
38 votes149 views2 answers
How to comment out code in react js
Javascript React
0 vote166 views1 answer
Find in array and return true or false react js
Javascript React
3 votes120 views1 answer
React get method
Javascript React
0 vote138 views1 answer
React shadow
Javascript React
0 vote130 views1 answer
React hook form submit outside form
Javascript React
1 vote120 views1 answer
When i go srource in react app in chrome i see my files
Javascript React
0 vote150 views1 answer
Button size react native
Javascript React