react引入公用js文件

JS模块导入导出示例

最新推荐文章于 2025-09-29 11:13:42 发布

原创最新推荐文章于 2025-09-29 11:13:42 发布 · 3.3w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#react引入公用js文件 #react引入文件 #公用js

react.js 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个简单的JavaScript模块导入导出示例，通过test.js文件定义了一个click_alert函数，并在demo.jsx文件中通过React组件调用此函数实现点击事件触发。

例:

test.js中click_alert函数

var CHAT = {
    click_alert:function(){
        alert('触发函数');
    },
};

export default CHAT;

demo.jsx文件中使用click_alert函数:

import React from 'react';
import ReactDOM from 'react-dom';
import CHAT from '../components/test.js'; //引入js文件

class Intl extends React.Component{
    constructor(props){
        super(props);
            this.state = {
            };
    }

componentDidMount(){

}

    render() {
    return (
             <div onClick={CHAT.click_alert}>点击函数</div>
    );
  }
}
export default Intl;

在demo.jsx文件中,点击"点击函数",即可触发test.js中的函数