小知識(本地存儲,跳轉(zhuǎn),顯示img)

2: 跳轉(zhuǎn)頁面

  • location.href="頁面鏈接"

3:頁面跳轉(zhuǎn)

  import { Link } from 'react-router-dom'
  使用
  <Link to= "/app/studyMapModule/detail"  >detail</Link> 
  報錯
  browser.js?fec5:49 Warning: Hash history cannot PUSH the same path; 
        a new entry will not be added to the history stack
  原因:瀏覽器不會將同樣的路徑push到stack里
  解決--添加上replace
  
  <Link to= "/app/studyMapModule/detail"  replace>detail</Link> 

4:顯示圖片

(1)import 方法:

import logos from '../../assets/images/logos.png';//src/assets
render() {
        return (
            <img alt="logo" src={logos} />
        )
    }

(2)require方法

<img alt="logo" src={require('../../assets/images/logos.png')}  />
最后編輯于
?著作權(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ù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,771評論 1 45
  • Web Storage規(guī)范 是HTML5的一部分 目的:克服由cookie帶來的一些限制,當(dāng)數(shù)據(jù)需要被嚴格的控制在...
    放風(fēng)箏的小小馬閱讀 2,412評論 0 6
  • 33、JS中的本地存儲 把一些信息存儲在當(dāng)前瀏覽器指定域下的某一個地方(存儲到物理硬盤中)1、不能跨瀏覽器傳輸:在...
    萌妹撒閱讀 2,240評論 0 2
  • 緩存問題一直是我們在日常開發(fā)中需要特別關(guān)注的事情。 在日常的開發(fā)中,做好數(shù)據(jù)的緩存能使我們的程序執(zhí)行效率更高,并且...
    范佳昌ryan閱讀 1,868評論 1 12
  • 2009年QQ農(nóng)場的出現(xiàn),讓很多網(wǎng)友知道了,原來農(nóng)場也是可以搬到手機或電腦上去的。QQ農(nóng)場的出現(xiàn)使得各種關(guān)于農(nóng)業(yè)方...
    小豬農(nóng)場閱讀 1,171評論 0 0

友情鏈接更多精彩內(nèi)容