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