/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

1 vote187 views2 answers
How to create react native app
Javascript React
4 votes170 views1 answer
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function
Javascript React
0 vote196 views1 answer
React document documentMode not found
Javascript React
1 vote184 views1 answer
Commit in react
Javascript React
11 votes182 views2 answers
Shadow using react native
Javascript React
0 vote175 views1 answer
Start withnreact
Javascript React
1 vote181 views1 answer
Have flat list automatically wrap react native
Javascript React
0 vote169 views1 answer
React router dom two page form
Javascript React
31 votes196 views1 answer
React router dom IndexRedirect
Javascript React
33 votes199 views5 answers
Img tag in react
Javascript React