如何为样式分配道具值

我正在使用create react app，我需要将prop值分配给组件的样式。在这种情况下，需要将背景图片“ url”作为样式的道具传递。

index.js

import React from "react";
import ReactDOM from "react-dom";

import Background from "./background";

import "./styles.css";

function App() {
  return (
    

      
    
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(, rootElement);

background.js

import React from "react";

const styles = {
  backgroundImage: "url()"
};

export default class Background extends React.Component {
  render() {
    return 
;
  }
}

在下面的链接中找到代码： codcodesandbox示例

您可以创建样式对象并使用它更新组件样式道具，如下所示：

  render() {
    const style = {
      backgroundImage:`url(${this.props.image})`
    }
    return 
;
  }