pdf pdf重复故障

Question

嗨，所以我有一个问题的反应-pdf。这是小故障，我不知道为什么。

我的代码是

import React, { useState } from 'react';
import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
  
  

export const HandOutTab = () => {
    
    const [numPages, setNumPages] = useState(null);
    const [pageNumber, setPageNumber] = useState(1);
  
    function onDocumentLoadSuccess({ numPages }) {
      setNumPages(numPages);
    }
    
  function changePage(offset) {
    setPageNumber(prevPageNumber => prevPageNumber + offset);
  }

  function previousPage() {
    changePage(-1);
  }

  function nextPage() {
    changePage(1);
  }
  
    return (
      <div>
        <Document 
          file="https://s3.eu-central-1.wasabisys.com/pdf-parttime-bijbelschool-jaar-1/PBS1%20-%20M6%20-%20Les2%20-%20Rentmeesterschap.pdf" 
          onLoadSuccess={onDocumentLoadSuccess}
        >
          <Page pageNumber={pageNumber} />
        </Document>
        <p>
          Page {pageNumber} of {numPages}
        </p>
        <button onClick={() => previousPage() } >Vorige</button>
        <button onClick={() => nextPage() } >Volgende</button>
      </div>
    )
}

这就是我所看到的

​

​

这是pdf pdf的来源。

​

所以我不知道是怎么回事。

蓝色的小故障看起来就像我对文档有恩赐的按钮的颜色，但奇怪的是，如果我删除这些按钮，故障就会保持不变。

我用的是创建-react app

Answer 1

我已经找到答案了。

我在我的全局样式中使用了这个(我使用样式组件)

span {
    background: linear-gradient(75deg, #3B43F2, #3B8CF2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     font-weight: 800;
}

所以我删除了那些样式，蓝色的渐变也消失了。