Volodumr Asked:2020-03-16 00:04:26 +0800 CST2020-03-16 00:04:26 +0800 CST 2020-03-16 00:04:26 +0800 CST 如果图像在道具中,如何使背景图像做出反应? 772 在反应中,我从 API 获取图像,我需要将其作为背景图像。我可以以某种方式将它传递给 css 还是有其他方法可以做到这一点?像这样尝试过<div className="" style={{background-image: {this.props.filmPoster}}}>,但它不起作用。 reactjs 1 个回答 Voted Best Answer Randall 2020-03-16T03:59:20+08:002020-03-16T03:59:20+08:00 在inlineReact 中的样式中,如果某些 CSS 属性的名称超过一个单词,因为background-image 需要将 CSS 样式名称写在一起,所以backgroundImage是正确的。 您还需要url为此指定 CSS 属性。 我做了一个小例子,将图像从一个组件发送到另一个组件props。 export default function App() { const [state] = useState( "https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__340.jpg" ); return ( <div className="App"> <Image sendUrl={state} /> </div> ); } 图像组件 class Image extends React.Component { render() { return ( <div style={{ backgroundImage: `url(${this.props.sendUrl})`, width: "500px", height: "250px" }} /> ); } } 代码沙盒在这里
在
inline
React 中的样式中,如果某些 CSS 属性的名称超过一个单词,因为background-image
需要将 CSS 样式名称写在一起,所以backgroundImage是正确的。您还需要
url
为此指定 CSS 属性。我做了一个小例子,将图像从一个组件发送到另一个组件
props
。图像组件
代码沙盒在这里