如何在react-pdf-viewer中创建自定义按钮？

npm install react-pdf-viewer

import { Viewer } from '@react-pdf-viewer/core';
import '@react-pdf-viewer/core/lib/styles/index.css';

import React from 'react';

const CustomButton = ({ onClick }) => {
  return (
    <button onClick={onClick} className="custom-button">
      自定义按钮
    </button>
  );
};

export default CustomButton;

import React from 'react';
import { Viewer, RenderToolbar } from '@react-pdf-viewer/core';
import '@react-pdf-viewer/core/lib/styles/index.css';
import CustomButton from './CustomButton';

const MyPDFViewer = () => {
  const renderToolbar = (toolbarSlot) => {
    return (
      <div>
        <RenderToolbar toolbarSlot={toolbarSlot} />
        <CustomButton onClick={() => console.log('自定义按钮被点击')} />
      </div>
    );
  };

  return (
    <div>
      <Viewer fileUrl="/path/to/your/pdf/file.pdf" renderToolbar={renderToolbar} />
    </div>
  );
};

export default MyPDFViewer;