您当前的位置: 首页 > 

java持续实践

暂无认证

  • 1浏览

    0关注

    746博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

React 定义函数式组件

java持续实践 发布时间:2021-01-10 16:22:32 ,浏览量:1

react定义函数式组件的代码如下




	
	1_函数式组件


	
	
	
	
	
	
	
	
	

	
		//1.创建函数式组件
		function MyComponent(){
			console.log(this); //此处的this是undefined,因为babel编译后开启了严格模式
			//严格模式禁止自定义的函数中的this, 指向window
			return 我是用函数定义的组件(适用于【简单组件】的定义)
		}
		//2.渲染组件到页面
		ReactDOM.render(,document.getElementById('test'))
		/* 
			执行了ReactDOM.render(.......之后,发生了什么?
					1.React解析组件标签,找到了MyComponent组件。
					2.发现组件是使用函数定义的,随后调用该函数,将返回的虚拟DOM转为真实DOM,随后呈现在页面中。
		*/
	


定义函数式组件的注意事项 : 1.组件名字的首字母必须大写 2.函数必须有返回值 3.必须要写组件标签

显示如下: 在这里插入图片描述

关注
打赏
1658054974
查看更多评论
立即登录/注册

微信扫码登录

0.0481s