Advertisement

[react-router] React-Router 4如何在路由变化时自动生成相同组件的更新

阅读量:

[react-router] React-Router 4怎样在路由变化时重新渲染同一个组件?

1.在相同组件中引入多样化的key参数,以下对组件进行了重新封装:

复制代码
 export default function (props) {

    
   return (<组件 {...props} key={search参数} />)
    
 }
    
    
    
    

2.然而,尚不清楚在路由跳转的过程中引入key是否具有可行性?

复制代码
 <Route path='/sdspace/offline/:id/detail' exact component={SdSpace.Detail} key={new Date().getTime()} />

    
 <Route path='/sdspace/offline/:id/edit' exact component={SdSpace.Detail} key={new Date().getTime()} />
    
    
    
    
  1. 在该组件的componentWillReceiveProps与shouldComponentUpdate这两个生命周期函数中,可引入对url参数变动的检测机制。一旦发现url参数发生改变,即可触发对应的处理逻辑(

全部评论 (0)

还没有任何评论哟~