在React JSX对象中设置背景图像URL的正确方法

import React from 'react';

const MyComponent = () => {
  const backgroundImageUrl = 'https://example.com/image.jpg';

  return (
    <div
      style={{
        backgroundImage: `url(${backgroundImageUrl})`,
        backgroundSize: 'cover',
        backgroundRepeat: 'no-repeat',
        backgroundPosition: 'center',
        width: '100%',
        height: '400px',
      }}
    >
      {/* 内容 */}
    </div>
  );
};

export default MyComponent;