Question

我目前正在开发一个react-redux应用程序。我有一个可选列表组件，它拥有自己的状态。我需要将一个动作创建者调度到redux来过滤一些数据。我的代码看起来非常像

handleClick(currentIndex){
  this.setState({
    active:currentIndex,
  })
}
componentDidUpdate(){
  //Dispatching an action here
  //Also a route change happens here(But clearly after debugging I found its not a causer of the lag)
}
render(){
   return (
     <List> 
        <ListItem onClick={this.handleClick.bind(this)}/>
        <ListItem onClick={this.handleClick.bind(this)}/>
     </List>
   )
}

因此，当我单击我的列表项时，它会获得由其状态决定的背景颜色。我的componentDidupdate也会调度操作并生成正确的结果。我在这里面临的问题是，更改列表项的颜色存在滞后，在调试后我发现列表组件仅在redux完成其作业后呈现，即使我为列表组件触发了setState.My数据集也不是很大（但可能会让我感到担忧）。

那么是否有一个生命周期钩子，我可以在渲染完成后使用。对此的任何帮助将是感激的并将解决我的性能问题

注意：我的列表组件独立于我的redux状态，并且只有行动调度程序映射到它

执行render方法后调度一个动作创建者

0 个答案: