从外部javascript文件调用React组件

文章/答案/技术大牛

发布

1回答

javascript、.net、reactjs

我有一个react应用程序，我有一个通过webpack生成的bundle.js文件，其中包含该应用程序的所有代码。如何才能做到这一点？

浏览 0提问于2018-02-13得票数 0

5回答

从react组件调用外部Javascript函数

javascript、reactjs

所以这个场景是这样的，我有一个index.html文件，其中包含一些javascript。现在，在我的react组件上，我有一个条件，只有在条件为真时才会呈现。这意味着，最初，当我的页面加载时，组件还没有呈现。当我切换一个按钮时，这个组件就是在这里呈现的。该子组件需要调用我的index.html中包含的javascript方法。我该怎么做？

浏览 22提问于2016-01-29得票数 39

回答已采纳

1回答

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

reactjs、svg、create-react-app

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

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

1回答

从URL加载JS文件，等待执行完毕

javascript、reactjs、create-react-app

问题：我正在尝试从create-react-app中的外部URL加载一个javascript文件。在react开始呈现根组件之前，我需要这个javascript文件完成加载和执行。这是因为我需要这个javascript文件放在组件树下更靠下的window对象上。不幸的是，我不能控制这个javascript文件，但我需要它。此文件</em

浏览 1提问于2018-07-11得票数 0

1回答

如何从我的Javascript代码加载用JSX代码编写的react组件

javascript、reactjs

所以我有这个jsx脚本文件，一旦加载，它就会将react组件呈现到我的视图中。最初在这个脚本文件中，我没有任何数据可以在我的组件中显示，所以我没有呈现任何我的子组件。JSX脚本加载正常，并呈现组件，最初没有在JSX文件本身中指定数据。但是，当我尝试在另一个Javascript文件中再次呈现该组件时，它给出了一个引用错误，组件未定义。JSX国家，/*** @jsx

浏览 0提问于2014-10-30得票数 5

1回答

Orignal Link 我正在尝试调用一个外部JS函数，我的第三方要求我包含该函数，以便使用他们的API，但不能正常工作。根据我所阅读的内容，例如，在将外部JS包含在包含extFn()的index.html中之后，我应该使用extFn()，如下所示 ...and应该像这里回答的那样使用它:从react组件调用外部Javascript这对我为测试它而创建的JS文件起作用了。//File: test

浏览 10提问于2020-03-14得票数 1

1回答

从antoher文件中加载IonPopover

reactjs、ionic-framework、onclick、popover、buttonclick

我试图通过按钮加载组件"IonPopover“-从外部文件"showPopUp.tsx”点击。import ShowPopup

浏览 3提问于2022-07-03得票数 0

2回答

如何从不在npm (node Module)中的外部js获取响应

javascript、reactjs

如何从不在npm (node Module)中的外部js获取响应。在这里，我需要从react文件调用一些函数，并期望从外部js文件返回的值将在我的组件中使用

浏览 14提问于2019-06-28得票数 1

1回答

将外部纯javascript文件链接到React组件

javascript、reactjs

我正在尝试构建一个使用外部javascript文件编写的生日快乐动画的react组件。我知道我们可以通过以下方式链接外部javascript文件： componentDidMount() { script.type = "text/javascript&qu

浏览 24提问于2020-08-19得票数 0

4回答

将外部JavaScript(来自cdn)捆绑到React组件中

javascript、reactjs

有哪些选项可以将外部javascript sdk绑定到React组件中？有没有一种方法可以简单地将javascript文件导入React组件定义中？附言: React菜鸟在这里！

浏览 3提问于2018-10-11得票数 12

3回答

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

javascript、reactjs、jsx

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

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

1回答

如何让外部javascript文件在ReactJs中工作？

javascript、reactjs

在React项目中，我的public.html文件如下所示： <head></head> <div id="root"></div> <script src="function.js"></script>

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

回答已采纳

2回答

响应ES6导入无状态组件

javascript、reactjs、ecmascript-6

：在返回的组件实例上找不到render方法:您可能忘记定义render，从无状态组件返回null/false，或者尝试呈现一个类型为非React组件的函数的元素。“import ReactDOM from 'react-dom'; export class CalloutImage extends

浏览 5提问于2016-04-20得票数 0

回答已采纳

3回答

从react类型记录组件调用外部Javascript函数

javascript、reactjs、typescript、redux

所以这个场景是这样的，我有一个index.cshtml文件，其中包含一些javascript。<script type="text/javascript"> alert('Function from index.html');}现在，在我的react组件上，在Main.tsx中的componentWillMount()函数上，我想调用

浏览 1提问于2018-11-30得票数 4

回答已采纳

1回答

从外部JavaScript函数调用react组件的函数

javascript、reactjs

我正在尝试从javascript函数中调用react组件的函数。在初始阶段，我想调用在function组件中声明的函数，但不是从function调用，而是需要从javascript函数调用它。我知道如何从function函数调用javascript函数。就像下面<script type="

浏览 14提问于2019-09-24得票数 3

回答已采纳

1回答

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

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

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

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

1回答

ReactJS入门

reactjs、npm、jsx

尝试获取组件工作的基本示例。" src="dist/react-dom.js"></script> <script type="te

浏览 1提问于2016-05-26得票数 1

回答已采纳

1回答

如何在material.io中重新实现hyperHTML组件？

javascript、material-design、single-page-application、hyperhtml

我正在查看如何实现/集成material.io组件/与React组件集成的这个React示例：我想知道如何使用hyperHTML进行同样的操作，因为hyper.Component中没有像componentDidMount或componentWillUnmount那样的生命周期事件调用。据说，在render调用之后我可以这样做，但这通常是从组件外部调用的。

浏览 4提问于2017-09-25得票数 0

回答已采纳

1回答

导出Webpack包文件中的所有反应性组件，并在html文件中使用。

javascript、reactjs、webpack

我有一些React组件，我希望创建一个包文件，包括它们，并在另一个HTML文件中使用它。我所做的:我创建了一个Webpack配置文件，它将index.js作为一个条目文件在/src文件夹中获取，并生成一个类似于components.js的包文件。我导出了文件中的所有组件，并且我认为所有组件在与Webpack捆绑之后都是可以访问的。我在Webpack中使用外键只从我的源生

浏览 0提问于2019-03-11得票数 0

回答已采纳

1回答

如何在react中将状态赋给外部变量？

javascript、reactjs

我想把我的react组件的一个外部变量绑定到这个组件的一个标签上，这是可能的吗?，这个变量被我的组件触发的一些函数改变了，我想给她状态，“跟随这些变化”，但问题是，这个变量是外部的…… 我是react和javascript的新手，研究了很多，现在我迷失了方向我有一个组件，比如 function<div className="App"> <div id="ias-regist

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

回答已采纳

点击加载更多