reactjs – React – 如何在合成事件被回收之前触发preventDefau

发布时间：2020-12-15 16:20:01 所属栏目：百科来源：网络整理

导读：我在React组件中有以下函数,该组件在单击链接时运行： onClick(e,{ name }) { e.stopPropagation(); const doIt = await checkSomething(); if (doIt) { e.preventDefault(); doSomethingElse(); }} 问题是,到达e.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上查看此答案

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!