在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之外，我应该如何在React组件中使用需要jQuery的库？

Answer 1

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

你能试一下上面的代码吗？