首页 > Web开发 > 详细

react中jsx调用js例子

时间:2019-03-28 22:03:06      阅读:1318      评论:0      收藏:0      [点我收藏+]

需求:界面新增一个“导入项目”按钮,点击该按钮可以执行项目导入功能。假设点击事件部分是jsx语法代码,而项目导入部分是封装的js语法代码,此处用alert("123")代替。

具体示例如下:

项目导入部分ImportProject.js文件:

export const IMPP = {
click_alert:function(){
alert("123");
}
};

jsx里引入js文件部分:

import {IMPP} from./ImportProject.js;

jsx里按钮点击事件部分:

render() {
       return (
             <button type="button" className="ant-btn btn-filter ant-btn-primary" onClick={()=>(IMPP.click_alert())}><span>导入项目</span></button>
        ); 
  }

效果图:

单击“导入项目”按钮,即可触发ImportProject.js中的函数:

技术分享图片

 

react中jsx调用js例子

原文:https://www.cnblogs.com/ycyzharry/p/10617751.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!