对不起，这是一个重复的问题。我似乎无法解决这个问题或找到答案。
从本质上说，我想显示一个图像，使其响应调整取决于屏幕大小。我正在使用React-Bootstrap示例，但它不起作用。下面是我使用的代码，下面是示例www.example.com的链接https://react-bootstrap.github.io/components.html#media-content。

import React from 'react';
import {ResponsiveEmbed, Image} from 'react-bootstrap';


export default React.createClass ( {
    render() {
        return (
            <div style={{width: 660, height: 'auto'}}>
                <ResponsiveEmbed a16b9>
                    <embed type="image/href+xml" href = "https://static.pexels.com/photos/296886/pexels-photo-296886.jpeg"/>
                </ResponsiveEmbed>
            </div>
        );
    }
});

这也是它连接的App.jsx文件

import React from "react"
import { render } from "react-dom"
import Footer from "./components/Footer"
import HeaderNavigation from "./components/HeaderNavigation"
import App1Container from "./containers/App1Container"
import Carousel from "./components/Carousel"
class App1 extends React.Component {
  render() {
    return (
        <div>
          <HeaderNavigation />
          <Carousel />
          <App1Container/>
          <Footer/>
        </div>
    )
  }
}

render(<App1/>, document.getElementById('App1'))