反应窗口打开禁用点击弹出

Question

我有一个组件，单击该组件，然后应打开带有响应URL的新窗口。就我而言，我正在等待响应和成功完成，然后单击此打开的链接。 如何避免弹出的浏览器的方块

....
const generateCoPayCardTest = () => {
        if (!completed) {
            generateCoPayCard({
                patientId,
                pharmacyName
            });

            return;
        }

        openNewWindow({ url: data.copay_pdf_url });
    };

    useEffect(() => {
        if (completed) openNewWindow({ url: data.copay_pdf_url });
    }, [completed]);

...
<LinkButton onClick={() => generateCoPayCardTest()} />

我也有开窗口功能

export const openNewWindow = ({ url, features = ['noopener', 'noreferrer'] }) =>
    window.open(url, '', features);

Answer 1

看到这个问题：Open page in new window without popup blocking

您需要在用户点击事件中保留相同的上下文。