小编Pus*_*ham的帖子

在路由器做出反应,我必须要和的onClick属性,如下图所示

<li key={i}><Link to="/about" onClick={() => props.selectName(name)}>{name}</Link></li>

state = {
    selectedName: ''
};

selectName = (name) => {
   setTimeout(function(){this.setState({selectedName:name});}.bind(this),1000);
   // this.setState({selectedName: name});
}

• 到属性导航到约路线
• onClick将值赋给状态变量selectedName,该值将在导航到About页面时显示.

当我给出超时内部函数调用点击时,它导航到新页面并且在某个时间状态得到更新后导致显示以前的名称,直到状态用新名称更新.

有没有办法只有在onClick函数中的代码执行后才能导航到新路由.

您可以[这里]获取整个代码.(https://github.com/pushkalb123/basic-react-router/blob/master/src/App.js)