【React学习】—函数式组件(四),m3a78(react 函数组件)
cpugpu芯片开发光刻机
编程语言
2
文件名:【React学习】—函数式组件(四),m3a78
【React学习】—函数式组件(四)
【React学习】—函数式组件(四) <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>使用jsx创建</title></head><body><!-- 准备好一个容器 --><div id="test"></div><!-- 引入react核心库 --><script src="../js/react.development.js"></script><!-- 引入react-dom支持react操作dom --><script src="../js/react-dom.development.js"></script><script src="../js/babel.min.js"></script><script type="text/babel">//创建函数式组件function MyComponent(){console.log(this);//此处的this是undefined,因为babel开启了严格模式return <h2>我是函数式定义的组件,适用于简单组件的定义</h2>}//渲染组件到页面ReactDOM.render(<MyComponent/>,document.getElementById('test'))/*执行ReactDOM.render(<MyComponent/,……发生了什么1、React解析组件标签,找到MyComponent组件2、发现组件是使用函数定义的,随后调用该函数,将返回的虚拟DOM转为真实DOM,呈现在页面上。*/</script></body></html>
同类推荐
-

【Python CheckiO 题解】Index Power,苹果核战记续篇
查看 -

【Python 千题 —— 基础篇】乘方计算,名牌小提琴
查看 -

【Python 千题 —— 基础篇】今年几岁啦,vivo s11t
查看 -

【Python 千题 —— 基础篇】输出列表中的偶数,柯达数码相机怎么样
查看 -

【Python 千题 —— 基础篇】输出可以被5整除的数,三星s5820怎么样
查看 -

【Python 学习_第2周_程序代码】金角大王培训第二周练习_购物车代码,将写的代码和老师代码比较,记录下收获...,nerovision
查看 -

【Python 训练营】N_2 打印乘法口诀表,t328t
查看 -

【Python-第三方库-OpenCV】随笔,9 电影
查看 -

【Python3】【力扣题】338. 比特位计数,卓越亚马逊图书
查看