Fullpage.js with React - 복수 호출

Question

React에있는 웹 사이트를 구현해야하는데 두 페이지가 있고 각각에 가로 슬라이드가 있습니다. 내가 반응 fullpage의 다른 구현을 확인했지만 그들 중 누구도 내가 뭘 원하는지에 대한 확인되지 않은 것으로 보였습니다 따라서 나는 https://github.com/alvarotrigo/fullPage.js 반응을 사용하기로 결정했습니다. 다른 매개 변수가있는 두 개의 다른 구성 요소에서 여러 번 호출하고 싶습니다. 나는 (새로 고침 후) 별도로 각 페이지를 열면

componentWillMount() { 
    console.log("Will ount technical"); 
    $(document).ready(function() { 
     $.fn.fullpage.destroy('all'); 
     $('#fullpage').fullpage({ 
     anchors:['welcome', 'data'], 
     lockAnchors: false, 
     slidesNavigation: true 
     }); 
    }); 
    } 

은 둘 다 작동하지만 난 그들 각각을 탐색하면 나는 점점 해요 : 그래서 각 구성 요소에 나는 다른 앵커와이 코드를 넣어 다음과 같은 오류 : 전체 페이지 : Fullpage.js는 한 번만 초기화 할 수 있으며 여러 번하고 있습니다! 포럼에서이 코드를 사용해야합니다 : $.fn.fullpage.destroy('all'); 이 코드를 사용하면 오류가 발생합니다. TypeError : $ .fn.fullpage.destroy가 함수가 아닙니다.

내가 무엇을해야할지 모르겠다. 도와 주실 수 있습니까?

Answer 1

가장 쉬운 방법은 다른 fullpage.js 컨테이너를 사용하는 것입니다.

if(typeof $.fn.fullpage !== 'undefined'){ 
    $.fn.fullpage.destroy('all'); 
} 
$('#fullpage').fullpage({YOUR_OPTIONS}); 

: 첫 번째 초기화하기 전에 방법을 파괴 호출하지에

if($('#container1').length){ 
    $('#container1').fullpage({YOUR_OPTIONS}); 
} 

if($('#container2').length){ 
    $('#container2').fullpage({YOUR_OPTIONS}); 
} 

그렇지 않으면 당신이 이전에 사용 된 인스턴스를 파괴 할 수있다, 그러나 당신은 조심해야 : 이 방법 당신은 조건을 초기화 할 수 있습니다