将
id被作为一个传递
prop的形式
this.props.params.id,所以你应该使用
componentWillReceiveProps它运行每次生命周期方法,
props而这一点正是你的情况发生了变化。
componentWillMount当您从导航
/parentdir/module/2到
/parentdir/module/3组件时,该方法将不会运行
mounted。它仅在您从其他组件导航时运行(例如,当您直接进入时)。
在您的
Module组件中添加此生命周期方法
componentWillReceiveProps(nextProps){ if(nextProps.params.id != this.props.params.id){ //load information etc (whatever you are doing in componentWillMount) }}
发生的事情是,当它收到较新的一组参数时
props,将比较参数
id是否已更改(所有路由参数都存在于中的
params对象中
props),并在看到有更改时执行逻辑。比较并不是真正必要的,您可以按原样添加方法中的逻辑,
componentWillReceiveProps但是这样做效率低下,因为每次
props对象更改时都会调用它(可能根本不是
id参数)。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)