/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 vote332 views1 answer
React big calendar event color
Javascript React
3 votes380 views3 answers
How to update react app
Javascript React
0 vote342 views1 answer
Create loop to specific length react
Javascript React
2 votes296 views1 answer
Function component react form
Javascript React
32 votes327 views1 answer
Install react router in react app
Javascript React
16 votes318 views3 answers
Importing svg into react
Javascript React
0 vote335 views1 answer
Reacts mos twanted
Javascript React
1 vote314 views1 answer
React next alias import
Javascript React
113 votes388 views6 answers
How to create a new react app
Javascript React
0 vote360 views1 answer
Swap scroll right in react native
Javascript React