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无效。

原文地址:https://www.cnblogs.com/BlingSun/p/9060444.html