如何使背景图像跨越整个div和放大，在react.js？

.background-container {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url('your-image-url');
  background-size: cover;
  background-position: center;
}

import React from 'react';
import './YourComponent.css';

const YourComponent = () => {
  return (
    <div className="background-container">
      {/* 其他组件内容 */}
    </div>
  );
}

export default YourComponent;