React中jsx调⽤js例⼦
需求：
界⾯新增⼀个“导⼊项⽬”按钮，点击该按钮可以执⾏项⽬导⼊功能。按钮点击事件部分是jsx语法代码，⽽项⽬导⼊部分是封装的js语法代码，假设此处⽤alert("123")代替。若点击按钮出现alert("123")弹框，表⽰onClick事件执⾏了js语法代码。
具体⽰例如下：
项⽬导⼊部分ImportProject.js⽂件：
export const IMPP = {
click_alert:function(){
javascript登录注册界面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中的函数：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。