Maybe I solved this problem by putting FileViewer in the mod and getting an error: Depreciated API usage: getDocument is called with pdfDataRangeTransport, passwordCallback or progressCallback argument， Then I only showed FileViewer 3 seconds after the modal display, and the file could be displayed normally

<Modal title={'预览' + get(materialInfo, 'name')} visible={true} onCancel={() => { setVisible(false); props.closeFun() }} footer={null} width={1300} bodyStyle={{ padding: 0, overflow: 'auto' }} > <div style={{ height: 450,textAlign:'center' }} className='pdf'> { getType() == 'pdf' &&materialInfo&&show&& <FileViewer fileType='pdf' filePath={get(materialInfo, 'file_url')} onError={(err)=>{console.log(err)}} /> } </Modal> setTimeout(() => { setShow(true) }, 3000);