【React学习】—函数式组件(四),m3a78(react 函数组件)
cpugpu芯片开发光刻机
编程语言
12
文件名:【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 selenium自动化环境配置】4步搞定ChromeDriver版本选择,纽曼p10
查看 -

【Python 训练营】N_14 文件查找和替换,moto me860
查看 -

【Python】AppUI自动化—appium自动化开发环境部署、APP测试案例(17)上,iphone4s美版无锁
查看 -

【Python】Python 中的Docutils模块详解,诺亚舟搜学王
查看 -

【Python】Python读Excel文件生成xml文件,vivo x1st
查看 -

【Python】Web学习笔记_flask(3)——上传文件,酷派5930(pythonpost文件上传)
查看 -

【Python】ffmpeg模块处理视频、音频信息,冰激凌智屏(python ffmpeg模块)
查看 -

【Python】python文件名和文件路径操作,罗技g100套装(python调用罗技鼠标)
查看 -

【Python】selenium项目实战:从12306网站获取特定时间段二等座有票的车次,天语w806怎么样
查看