首页用react框架让html调用外部js链接

用react框架让html调用外部js链接

时间: 2023-04-08 11:02:58 浏览: 134

可以使用React中的组件来引入外部JS链接。具体步骤如下： 1. 在React组件中使用`<script>`标签来引入外部JS链接。 2. 在React组件中使用`componentDidMount()`生命周期方法来确保JS文件已经加载完毕。 3. 在React组件中使用`window`对象来访问JS文件中的函数或变量。示例代码如下： ``` import React, { Component } from 'react'; class MyComponent extends Component { componentDidMount() { const script = document.createElement("script"); script.src = "https://example.com/external.js"; script.async = true; document.body.appendChild(script); } render() { return ( <div> <h1>Hello World!</h1> </div> ); } } export default MyComponent; ``` 在上面的代码中，我们在`componentDidMount()`方法中创建了一个`<script>`标签，并将外部JS链接添加到了该标签的`src`属性中。然后，我们将该标签添加到了页面的`<body>`标签中。这样，当组件被渲染时，外部JS文件就会被加载。注意：在React中使用外部JS文件可能会导致一些安全问题，因此请确保你信任该JS文件的来源。

阅读全文