2022-03-18 学习记录--React-一般组件和路由组件

React里面,组件分为:一般组件路由组件

  • 对于props一般组件:你不传值,就什么也收不到;你传啥,props就收到啥。

一、一般组件放在components里面,路由组件放在pages里面在这里插入图片描述

二、路由组件与一般组件的区别

路由组件与一般组件
			1.写法不同:
						一般组件:<Demo/>
						路由组件:<Route path="/demo" component={
    
    Demo}/>
			2.存放位置不同:
						一般组件:components
						路由组件:pages
			3.接收到的props不同:
						一般组件:写组件标签时传递了什么,就能收到什么
						路由组件:接收到三个固定的属性
											history:
														go: ƒ go(n)
														goBack: ƒ goBack()
														goForward: ƒ goForward()
														push: ƒ push(path, state)
														replace: ƒ replace(path, state)
											location:
														pathname: "/about"
														search: ""
														state: undefined
											match:
														params: {
    
    }
														path: "/about"
														url: "/about"

猜你喜欢

转载自blog.csdn.net/weixin_48850734/article/details/123638964
今日推荐