将 fullpage.js 与 React 一起使用答案

【问题标题】：Using fullpage.js with React将 fullpage.js 与 React 一起使用
【发布时间】：2017-07-06 03:30:05
【问题描述】：

我正在尝试制作一个使用 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 的库？

【问题讨论】：

你们都想好如何完成这项工作了吗？我也有类似的问题。

标签： javascript jquery reactjs

【解决方案1】：

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

你能试试上面的代码吗？

【讨论】：