将外部JS文件导入React组件

文章/答案/技术大牛

发布

1回答

如何将外部react组件导入Asp.Net页面？

javascript、asp.net-mvc、reactjs、web、frontend

我想要将一个外部React组件导入到我的Asp.net MVC应用程序中，该组件是在webpack (Bundle.js)中生成的。我尝试将"Bundle.js“文件导入到我的页面中，并在babel脚本标记中呈现React组件，但什么也没有发生。将外部组件从webpack库导入到View中的正确方法是

浏览 0提问于2017-02-17得票数 0

2回答

为什么我的ES6导入/导出不能工作？

reactjs、ecmascript-6

我试图在create-react-app中导入我的类export default class HeaderView extends Component { render() {

浏览 4提问于2016-12-27得票数 0

1回答

React根组件不会加载整个index.html

javascript、jquery、html、node.js、reactjs

/js/bootstrap.min.js"></script><script src="assets/js/apps.min.js"></script>

浏览 4提问于2017-12-23得票数 2

1回答

从外部源导入SVGs作为React组件失败--“期望有一个JavaScript模块脚本，但是服务器以MIME类型响应.”

reactjs、svg、create-react-app

在基于创建- React -app的组件中，只要SVG文件在项目中，将SVG作为React组件导入就可以正常工作：但是，在将所有图像移动到AWS S3桶后，我会收到以下错误：预期会有一个JavaScript模块脚本，但是服务器会响应MIME类型的"ima

浏览 4提问于2022-11-08得票数 1

1回答

javascript、reactjs、import、components

它们的JS被保存到一个"main.js“文件中，标签被放在我的HTML文件中。问题是它不工作，我不确定为什么。让我知道，如果你需要更多的信息，我是新手。没有函数，只有事件侦听器。下面是组件： import React, { Component } from 'react'; import

浏览 12提问于2021-08-12得票数 0

1回答

数据报警器不工作于反应性路由器子程序(直到刷新)

jquery-ui、reactjs、datepicker、react-router、semantic-ui

我所面临的问题与反应路由器，在那里，子路由器有一个组件形式的数据报警器()和一个默认下拉列表从语义-ui。

浏览 3提问于2017-01-11得票数 0

回答已采纳

1回答

如何将子组件的外部样式设置为整个组件的一个主要公共样式

javascript、reactjs、material-ui、css-in-js

我有一个由许多子组件组成的页面。页面文件夹包含页面文件、外部样式文件和每个子组件文件夹--这些文件夹也由它们自己的样式组成。我不知道如何为所有子组件设置外部共享样式文件，以及为每个子组件设置外部样式。 Demo.js

浏览 0提问于2019-04-04得票数 0

1回答

ReactJS -将数组传递给导入的组件

reactjs

我试图将组件模块化为外部文件，并将它们导入索引文件，但在将数组传递给导入的组件时遇到了一个错误。在我的模块化组件中，它似乎没有处理这个数组，我想知道这是我在索引文件中输入的问题，还是外部文件中的组件逻辑问题。谁能给我指明正确的方向？index.js: import React from 're

浏览 3提问于2017-10-23得票数 0

回答已采纳

2回答

如何从webpack捆绑的javascript中单独加载组件？

javascript、reactjs、webpack

我想从我的webpack捆绑文件外部加载一个组件到我的React应用程序中。为了详细说明我的观点，这里有一个我想要的示例HTML文件：</body>我基本上希望能够加载timer组件，但仍然使该组件依赖于app.js (webpack捆绑的文件<

浏览 23提问于2017-01-11得票数 4

回答已采纳

2回答

用酶测试依赖于外部进口的js的反应元件

reactjs、typescript、unit-testing、enzyme

我在这里遇到了一个恼人的问题，当我试图用酶测试一个反应模态类组件时，这个类使用了引导和jQuery，下面是应用程序。removeKeydownHandler = () => {} 我正在导入我的索引文件中所需的所有内容/node_modules/bootstrap/dist/js/bootstrap.

浏览 0提问于2018-10-18得票数 0

回答已采纳

3回答

在NPM中发布一个没有外部依赖的反应组件模块的正确方法是什么？

reactjs、npm、dependencies、components

我正试图在NPM中发布一个用React制作的组件库。我使用npm和webpack来管理依赖项。文件中，输入点为'component.jsx‘，输出为'lib.js’文件最后，

浏览 10提问于2016-06-06得票数 9

回答已采纳

1回答

在react-create-app中转换为"/static“urls的导入组件

javascript、reactjs、react-router、create-react-app、react-router-dom

该模块直接指向index.js文件，我将其导入到由create-react-app生成的"App.js“文件中。所有直接位于我的create-react-app文件夹"src“中的组件都渲染得很好。我的create-react-app项目的目录结构是(一个通用的create-react-app)： | src | -

浏览 4提问于2017-10-13得票数 2

3回答

如果没有用“”导入依赖项，如何将其标记为WebPack中的外部依赖项？*

javascript、typescript、webpack

如何在Webpack中将office-ui-fabric指定为外部依赖项？我正在导入依赖项，如下所示，在我的TypeScript项目(注意：，我只是导入我需要的模块)-import { PrimaryButton, DefaultButton } from 'office-ui-fabric-r

浏览 0提问于2018-12-06得票数 4

回答已采纳

3回答

全局css应该放在每个组件中还是根组件中(webpack条目文件)？

css、reactjs、webpack

我想知道，如果我有一个经常在组件中使用的外部CSS文件，是在每个组件中导入这个外部CSS，还是导入根组件？import React from 'react' }这是不言自明的:因为我想使用' fa -bandcamp'，所以我导入‘.这种方法

浏览 1提问于2017-08-08得票数 10

回答已采纳

3回答

如何将外部javascript文件添加到react组件

javascript、reactjs、jsx

我有一个反应组件(jsx)，其中显示一个论坛和一些图像，我也有一个按钮谁显示弹出窗口或模式，但这个弹出窗口是在一个外部文件与JavaScript编程。let popup = document.getElementById('popup'); let modalContainer = document.getElementById

浏览 0提问于2019-10-24得票数 0

3回答

我构建React应用程序已经有一段时间了，所以我想做一个React组件库。我一直在阅读有关方法的文章，并采用了一种方法，在这种方法中，您可以使用Webpack和Babel来绑定而不使用React，因为如果您不这样做，将会出现错误，因为将导入两个版本的React (一个在组件库中无论如何，我有一个Jest安装文件，其中包含以下内容： import { configure } from 'enzyme' import

浏览 54提问于2019-10-09得票数 0

回答已采纳

2回答

如何在MVC6应用程序中为虚拟对象呈现简单React组件

reactjs、babeljs、asp.net5

</h1>, document.getElementById('react-app-mount'));但是该组件不会呈现。我必须在页面中包含哪些脚本才能使其呈现？其他人谈到应该存在于我的解决方案中的某个package.json文件，但它并不存在。我真的不明白为什么事情会如此复杂。

浏览 2提问于2017-03-31得票数 1

1回答

响应本机外部样式表不更新组件

css、reactjs、react-native、react-redux

我已经为自己的组件创建了一个外部样式表。我有一个"index.js“文件，我将所有样式从".js”文件导入到该文件中。一旦我连接了所有的东西并将"index.js“文件导入到我的组件中，该组件似乎不会根据我设置的样式进行更新。我已经附加了每个用于制作外部样式表的".js“

浏览 2提问于2021-10-30得票数 0

回答已采纳

2回答

如何在react.js中将组件设置为按钮

javascript、node.js、reactjs、react-router

这是我的代码截图 import React from 'react';import $ from "min-jquery";import { render } from 'react-dom' import WeatherEng from '.from

浏览 7提问于2017-02-02得票数 0

2回答

ASP.NET -未捕获导入:无法在模块外部使用SyntaxError语句

javascript、asp.net、reactjs、asp.net-mvc、ecmascript-6

我正尝试在我的ASP.NET MVC5项目的.jsx文件中使用import关键字。我希望能够将其他React组件导入到另一个React组件中，但是，当使用import关键字时，我得到了以下错误：下面是我的代码： <script crossorigin src="https://cd

浏览 0提问于2020-06-15得票数 0

点击加载更多

如何将外部react组件导入Asp.Net页面？

为什么我的ES6导入/导出不能工作？

React根组件不会加载整个index.html

从外部源导入SVGs作为React组件失败--“期望有一个JavaScript模块脚本，但是服务器以MIME类型响应.”