react引入公用js文件_react 在一个会被重复引用的子组件中动态引入js

作者：小小林熬夜学编程 | 2024-02-07 14:18:28

踩

react 在一个会被重复引用的子组件中动态引入js

例:

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中的函数

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】