美文网首页
小知识(本地存储,跳转,显示img)

小知识(本地存储,跳转,显示img)

作者: 雨泽丶 | 来源:发表于2019-04-17 10:11 被阅读0次

2: 跳转页面

  • location.href="页面链接"

3:页面跳转

  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')}  />

相关文章

网友评论

      本文标题:小知识(本地存储,跳转,显示img)

      本文链接:https://www.haomeiwen.com/subject/dtdgwqtx.html