1建一個容器
···
<div
ref={historyRef}
className={${styles.reportHis} overflow-auto flex-grow-1 ml-2}
></div>
···
2 渲染數(shù)據(jù)
···
const historyRef = React.useRef();
historyRef.current.innerHTML =
'<embed width="100%" height="100%" src="' +pdf_url + '" />';
···
3 將PDf展示到頁面內(nèi)
前端頁面上預(yù)覽pdf
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 1、react 生命周期函數(shù) 初始化階段: getDefaultProps:獲取實例的默認屬性 getInitia...
- > 本文重點:介紹React重構(gòu)的起因和目的,理解Fiber tree單向鏈表結(jié)構(gòu)中各屬性含義,梳理調(diào)度過程和核心...