如何在react-pdf/renderer中设置页眉和页脚？

import { View, Text, StyleSheet } from '@react-pdf/renderer';

const styles = StyleSheet.create({
  header: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
  },
  footer: {
    position: 'absolute',
    bottom: 0,
    left: 0,
    right: 0,
  },
});

const Header = () => (
  <View style={styles.header}>
    <Text>这是页眉</Text>
  </View>
);

const Footer = () => (
  <View style={styles.footer}>
    <Text>这是页脚</Text>
  </View>
);

export { Header, Footer };

import { Document, Page } from '@react-pdf/renderer';
import { Header, Footer } from './HeaderFooter';

const MyPDF = () => (
  <Document>
    <Page>
      <Header />
      {/* 这里是你的PDF内容 */}
      <Footer />
    </Page>
  </Document>
);

export default MyPDF;