React-popup弹出窗口无效

时间:2017-12-12 22:43:07

标签: javascript jquery reactjs popup

我正在使用React-popup创建一个联系人表单作为弹出窗口。我试图通过以下方式集成我的弹出窗口:

在App.js中我有:

import Popup from 'react-popup'

我在Button元素上有一个onclick监听器,如下所示:

<Button onClick={listen} className="button" size="large">
    <Text fontSize={4} > Get Started</Text>
</Button>

并且listen函数试图按如下方式实现弹出窗口:

function listen() {
console.log('listen');
let mySpecialPopup = Popup.register({
    title: 'I am test',
    content: 'test',
    buttons: {
        left: ['cancel'],
        right: ['ok']
    }
});
Popup.register(mySpecialPopup);
}

我能够在控制台中看到'listen'但弹出窗口没有任何反应,也没有任何警告没有错误。这是实施它的正确方法吗?任何帮助,将不胜感激。

1 个答案:

答案 0 :(得分:0)

第一期:

您是否按照&#34;设置&#34;部分中所述将<Popup />组件呈现在任何位置。在documentation

第二期:

您的意思是打电话给Popup.queue(mySpecialPopup);而不是Popup.register(mySpecialPopup);吗?