2017-12-12 34 views
0

React-popup을 사용하여 연락처 양식을 팝업으로 만듭니다. 내가 가지고있는 App.js에서React-popup 팝업이 작동하지 않습니다.

을 : 다음과 같이

import Popup from 'react-popup' 

가 나는 버튼 요소에 온 클릭 리스너를 가지고 : 나는 다음과 같은 방법으로 내 팝업을 통합하기 위해 노력하고

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

그리고 청취 기능은 다음과 같이 팝업을 구현하려고합니다 :

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

나는 '듣기'를 콘솔에서 볼 수 있습니다. e하지만 팝업으로 아무 일도 일어나지 않으며 경고도 발생하지 않습니다. 이것이 이것을 구현하는 올바른 방법입니까? 어떤 도움을 주시면 감사하겠습니다.

답변

0

첫 번째 문제는 다음 documentation에 대해서는 "설정"에 설명 된대로

당신은 어디서나 <Popup /> 구성 요소를 렌더링나요?

두 번째 문제 :

당신은 Popup.queue(mySpecialPopup); 대신 Popup.register(mySpecialPopup); 전화를하셨습니까?