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