背景图像不能在ReactJS中渲染

import React from 'react';

const MyComponent = () => {
  return (
    <div style={{ backgroundImage: 'url("image.jpg")', backgroundSize: 'cover' }}>
      {/* 内容 */}
    </div>
  );
};

export default MyComponent;

// styles.css
.container {
  background-image: url("image.jpg");
  background-size: cover;
}

// MyComponent.js
import React from 'react';
import './styles.css';

const MyComponent = () => {
  return (
    <div className="container">
      {/* 内容 */}
    </div>
  );
};

export default MyComponent;