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

Question

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

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

    const doIt = await checkSomething();

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

问题是，当到达 e.preventDefault() 时，合成事件将被回收。那么，当需要一些逻辑来计算此决定时以及在回收合成事件之前，如何告诉浏览器在点击链接时不要点击该链接？

Answer 1

处理此问题的一种方法是使用 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 上查看此答案