如何使用react中的样式组件使我的背景图像适合手机屏幕

import React from 'react';
import styled from 'styled-components';

const BackgroundContainer = styled.div`
  background-image: url('your-image-url');
  background-size: cover;
  background-position: center;
  height: 100vh;
`;

const BackgroundImage = () => {
  return (
    <BackgroundContainer />
  );
}

export default BackgroundImage;

import React from 'react';
import BackgroundImage from './BackgroundImage';

const App = () => {
  return (
    <div>
      <BackgroundImage />
      {/* 其他组件 */}
    </div>
  );
}

export default App;