How to Set a Background Image in React

scrimba

Watch in fullscreen

by Michaella Rodriguez

About

Comments

Notes

How to Set a Background Image in React

by Michaella Rodriguez

Expand for more info

index.jsx

run

preview

console

import React from 'react';
import ReactDOM from 'react-dom/client';

function App() {
  return (
    <div style={{}}>
      Hello World!
    </div>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />); 




















// backgroundImage: `url("https://images.unsplash.com/photo-1589308078059-be1415eab4c3?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80")`,

import React from 'react';

import ReactDOM from 'react-dom/client';

function App() {

return (

Hello World!

</div>

);

}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);

// backgroundImage: `url("https://images.unsplash.com/photo-1589308078059-be1415eab4c3?

ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80")`,

-3:19