如果nextprops与this.props不同，如何更新路由

Question

我有一个列表和多个列表项，右侧有一个详细信息面板，显示有关所选项的详细信息。单击某个项目时，它会更新路径，从而更新面板中的详细信息。我想要发生的是 - 当我从列表中删除一个项目时，它会自动更新路径，以便它选择列表中的下一个项目并显示它的详细信息。这是一个非常基本的结构;

componentWillReceiveProps(nextProps: props) { 
    if(nextProps.id !== this.props.id){
    this.setState({example: true})
    }
}

doSomething = () => {
    // a function that will delete an item and cause redux to update and map
    my state to my props, causing the updated list to render
}

return(
this.state.example ? <Redirect to={`${newItemsRoute}`} /> : <button onClick={this.doSomething}
)

const mapStateToProps = (state: StoreState, ownProps: any) => {
return {
...ownProps
 };
};

export default connect(mapStateToProps, mapDispatchToProps)(DomainResponsePage);