/Javascript/React/How to import background image in inline css in react

How to import background image in inline css in react

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

How to import background image in inline css in react

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

Similar codes

0 vote268 views2 answers
React addon update
Javascript React
3 votes301 views1 answer
React export
Javascript React
0 vote244 views1 answer
React navigation history clear
Javascript React
-2 votes250 views2 answers
Import link react
Javascript React
0 vote251 views1 answer
Add React Router to React Redux CRUD App
Javascript React
1 vote263 views1 answer
How to use react memo hooks
Javascript React
47 votes318 views3 answers
How to comment in the react javascript
Javascript React
15 votes282 views3 answers
Image react native
Javascript React
4 votes254 views1 answer
Enable emmit on react
Javascript React
7 votes275 views1 answer
The path argument must be of type string. received undefined react
Javascript React