【React学习】—函数式组件(四),m3a78(react 函数组件)
cpugpu芯片开发光刻机
编程语言
11
文件名:【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 标准库学习】多种操作系统接口和常用路径操作库 — os 与 os.path,mt720
查看 -

【Python3】【力扣题】349. 两个数组的交集,securitykiss
查看 -

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

【Python】list和tuple 区别比较,pop.pcpop.com
查看 -

【Python】python天气数据抓取与数据分析(源码+论文)【独一无二】,elixir内存
查看 -

【Python】对象、类、元类,数字家庭影院(python中的类和对象,属性和方法)
查看 -

【Python】模块学习之ConfigParser读写配置信息,formatrecovery(python 读写配置文件)
查看 -

【Python】正则表达式语法入门,ndsi ll
查看 -

【Python】爬虫基础,索浦耳机(索浦耳机怎么样)
查看