需求: 界面新增一个 "导入项目" 按钮, 点击该按钮可以执行项目导入功能. 假设点击事件部分是 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 中的函数:
来源: http://www.bubuko.com/infodetail-3003375.html