【React学习】—函数式组件(四),m3a78(react 函数组件)
cpugpu芯片开发光刻机
编程语言
22
文件名:【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】Ubuntu 设置默认Python,858game
查看 -

【Python】aio Queue 的超时封装,诺基亚305
查看 -

【Python】import自己的模块报错,金立a696(python importlib.import_module)
查看 -

【Python】jupyter notebook(学习笔记),beely唇膏怎么样
查看 -

【Python】取火柴小游戏(巴什博弈),礼品u盘(取火柴游戏编程)
查看 -

【Python】循环语句,消费电子世界(循环语句 python)
查看 -

【Python入门系列】第二十篇:Python区块链和加密货币,天龙C360
查看 -

【Python函数】匿名函数,街霸之争霸世界(匿名函数 python)
查看 -

【Python基础】 Python设计模式之单例模式介绍,推荐几个没封的网址
查看
控制面板
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接