在React中使用fullpage.js

Question

我試圖製作一個使用fullpage.js的React組件。但是，我遇到了嘗試整合fullpage.js庫中的JavaScript文件的問題。這是我（略）：

import React from 'react'; 

let $ = require('jquery')(require('jsdom').jsdom().defaultView); 
import 'fullpage.js'; 

class FullPage extends Component { 

    componentDidMount() { 
    $('#fullpage').fullpage(); 
    } 

    render() { 
    return (
     <div id="fullpage"> 
     <div className="section">Some section</div> 
     <div className="section">Some section</div> 
     <div className="section">Some section</div> 
     <div className="section">Some section</div> 
     </div> 
    ) 
    } 
} 

然而，使用該組件提供了一個錯誤：

Error: jQuery requires a window with a document 

即使我一直在使用JSDOM定義的窗口。

除了fullpage.js，我應該如何使用需要jQuery到React組件的庫？

Answer 1

window.$ = require('jquery')(window); 

請問您可以試一下上面的代碼嗎？