如何在react中设置内容下方的页脚

// Footer.jsx

import React from 'react';
import './Footer.css'; // 可以在此处定义页脚的样式

const Footer = () => {
  return (
    <footer className="footer">
      <div className="container">
        <p>这里是页脚的内容</p>
      </div>
    </footer>
  );
};

export default Footer;

// App.jsx

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

const App = () => {
  return (
    <div className="app">
      <h1>页面内容</h1>
      {/* 其他内容 */}
      <Footer />
    </div>
  );
};

export default App;

/* Footer.css */

.footer {
  background-color: #f0f0f0;
  padding: 20px;
  text-align: center;
}