如何使用props设置backgroundImage URL

import React from "react";

const MyComponent = (props) => {
  return (
    <div
      style={{
        backgroundImage: `url(${props.backgroundImageUrl})`,
        backgroundSize: "cover",
        backgroundPosition: "center",
        // 其他样式属性
      }}
    >
      {/* 组件内容 */}
    </div>
  );
};

export default MyComponent;

import React from "react";
import MyComponent from "./MyComponent";

const App = () => {
  const backgroundImageUrl = "https://example.com/background.jpg";

  return (
    <div>
      <h1>应用程序</h1>
      <MyComponent backgroundImageUrl={backgroundImageUrl} />
    </div>
  );
};

export default App;