我们如何在 React 应用程序中导入 jquery答案

【问题标题】：How do we import jquery in a React application我们如何在 React 应用程序中导入 jquery
【发布时间】：2017-06-26 22:04:24
【问题描述】：

我想使用 npm 将 jquery 和 materialize-css 安装到我的 React 应用程序中，并将其导入我的 React 应用程序（我不想使用 CDN 或导入 index.html 文件）。

请问我该怎么做？

【问题讨论】：

只需在 react 的 <script> 标签之前使用 <script> 标签导入它？如果您想要除此之外的其他内容，您还应该发布有关您的捆绑方法或您目前如何开发应用程序的信息？
npm install jquery ? npm install materialize-css ?
@cfraser 感谢您的回复。我更新了问题。
@leo_ap 是的。但是如何在代码中使用它们呢？
你试过了吗：var $ = require('jquery')？或import $ from 'jquery';

【解决方案1】：

您可以使用 webpack 或 browserify 之类的打包工具来完成此操作。通常与 babel 结合使用。快速搜索给了我这个链接：https://scotch.io/tutorials/setup-a-react-environment-using-webpack-and-babel。

ES6 -> Webpack -> Babel (ES6/JSX) -> ES5 包。

我个人会用它来导入更专业的库而不是 jQuery，但你绝对可以这样做。

【讨论】：