有没有办法从功能内点击导航？

Question

基本上，我拖延了导航。

单击链接后，onClick处理程序通过检查条件并调用另一个函数来阻止导航。如果满足某些条件，则只有该页面导航到另一个。

那么如何触发导航功能内的Navlink点击。

Answer 1

除了使用react-router链接组件，您可以使用它们的API以编程方式导航到另一个页面（如果满足某些条件）。在官方文件

export default class MyComponent extends Component { 
    navCheck(nextPage) { 
    if (someCondition) { 
     this.context.router.history.push(nextPage); 
    } 
    } 

    render() { 
    return(<a onClick={() => this.navCheck('/next-page')}>Navigate To Another Page</a>); 
    } 
} 

MyComponent.contextTypes = { 
    router: PropTypes.shape({ 
    history: PropTypes.object.isRequired, 
    }), 
}; 

的更多信息：https://reacttraining.com/react-router/web/api/history