zoukankan      html  css  js  c++  java
  • react中遇到的事

    1.路由跳转问题:

            。 可以使用标签跳转,如Link .NavLink等。

            。 如果组件是在Route中的组件,那么该组件的this.props.history.push()可以设置路由,如果组件不在Route中,那么this.props中没有history对象。

            。使用 history模块

        $ npm install --save history
    import { createHashHistory } from 'history'
    const history = createHashHistory()
    // Use push, replace, and go to navigate around.
    
    
      history.push('/home'{ some'state})
    
    

    使用这种方法,地址变了,但组件没有变,可能因为没有触发react中路由改变的事件,所以可以使用props进行传递react-router中的history对象。

    如:

    <MobileMenu history={this.props.history}/>
     
    路由匹配问题:
        第一层路由如果是/index;
      那么第二层路由应该设置为/index/user。
    注意:如果要匹配到第二次路由,那么第一次路由上不能加 exact属性,否则只能匹配第一层路由。

    2.组件上不能加clssName,加clssName无效。

  • 相关阅读:
    P2519 [HAOI2011]problem a
    P1084 疫情控制
    P1941 飞扬的小鸟
    NOIP填坑计划
    P2831 愤怒的小鸟
    AGC 16 D
    P3960 列队
    Python3爬虫相关软件,库的安装
    软件理论基础—— 第一章命题逻辑系统L
    软件理论基础——导论
  • 原文地址:https://www.cnblogs.com/BlingSun/p/9060444.html
Copyright © 2011-2022 走看看