使用reactjs添加背景图片

import React from 'react';

class MyComponent extends React.Component {
  render() {
    return (
      <div
        style={{
          backgroundImage: 'url(/path/to/image.jpg)',
          backgroundSize: 'cover',
          backgroundRepeat: 'no-repeat',
          backgroundPosition: 'center center',
          width: '100%',
          height: '100vh',
        }}
      >
        {/* 组件的内容 */}
      </div>
    );
  }
}

import React from 'react';

class MyComponent extends React.Component {
  render() {
    return (
      <div className="container">
        {/* 组件的内容 */}
      </div>
    );
  }
}

.container::before {
  content: '';
  background-image: url(/path/to/image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}