reactjs – React – 如何在合成事件被回收之前触发preventDefault()？

我在React组件中有以下函数,该组件在单击链接时运行：

onClick(e, { name }) {
    e.stopPropagation();

    const doIt = await checkSomething();

    if (doIt) {
        e.preventDefault();
        doSomethingElse();
    }
}

问题是,到达e.preventDefault()时,合成事件将被回收.那么,如果点击它,当需要一些逻辑来计算这个决定时以及合成事件被回收之前,我如何告诉浏览器不要关注链接？

处理此问题的一种方法是使用preventDefault,当操作完成并且您需要路由时,请使用history.push()自行调用路由逻辑

onClick(e, { name }) {
    e.stopPropagation();
    e.preventDefault();
    const doIt = await checkSomething();

    if (doIt) {
        doSomethingElse();
    } else {
        this.props.history.push('/pathToRoute');
    }
}

请在how to Programmatically navigate with React-router上查看此答案