在ReactJS中为一个组件设置不同的背景图像

.background-image {
  background-image: url('背景图像的URL');
  /* 其他背景图像相关的样式属性 */
}

import React from 'react';
import './Component.css'; // 引入组件的CSS文件

const Component = () => {
  return (
    <div className="background-image">
      {/* 组件的内容 */}
    </div>
  );
}

export default Component;

import React from 'react';

const Component = () => {
  const backgroundImageUrl = '背景图像的URL';

  return (
    <div style={{ backgroundImage: `url(${backgroundImageUrl})` }}>
      {/* 组件的内容 */}
    </div>
  );
}

export default Component;