React Router簡單了解（上）

-g代表的是系統全域性安裝的意思

npm start預覽專案

2、使用npm 安裝react router

3、簡單的使用

import react from

'react'
;import reactdom from
'react-dom'
reactdom.
render
(>
,document.
getelementbyid
('root'
))

import react from

"react"
;import
from
"react-router-dom"
;function
index()
function
list()
function()
/>
"/list/" component=
/>
<
/router>);
}export

import react,

from
'react'
;class
index
extends
component
}render()
}export
default index;

import react,

from
'react'
;class
list
extends
component
}render()
}export
default list;

import react from

"react"
;import
from
"react-router-dom"
;import index from
'./pages/index'
import list from
'./pages/list'
function()
/>
"/list/" component=
/>
<
/router>);
}export

2、link 上傳遞值

import react from

"react"
;import
from
"react-router-dom"
;import index from
'./pages/index'
import list from
'./pages/list'
function()
/>
"/list/:id" component=
/>
<
/router>);
}export

import react,

from
'react'
;class
list
extends
component
}render()
//-關鍵**---------start
componentdidmount()
//-關鍵艾瑪---------end
}export
default list;

明白了match中的物件屬性，就可以輕鬆取得傳遞過來的id值了。

import react,

from
'react'
;class
list
extends
component
}render()
<
/h2>);
}componentdidmount()
)}}export
default list;

constructor

(props),,
,]}}

render()

>
<
/li>)}
)}<
/ul>
)}

render()

>
>
<
/link>
<
/li>)}
)}<
/ul>
)}

react router學習筆記

一 最基本的路由配置 如下 importreact from react importfrom react router classcomponent classaboutextendscomponent classhelloextendscomponent classmessageextendsc...

React Router概述（路由）

react路由 站點 1.可以根據不同的位址，展示不同的元件 2.可以無重新整理的跳轉頁面 具備上面兩個功能的可以稱之為路由 react router 2.react router dom 利用路由核心庫，結合實際頁面，實現跟頁面路由密切相關的功能 兩種模式 協議名 schema https 主機名...

sql簡單了解

sql是一種資料庫語言，資料庫是用來儲存 管理 組織資料的倉庫。sql中有許多的關鍵字，現在只了解下很重要的，經常出現的關鍵字。查詢select，要和from連用。where是指明位置的關鍵字，其內容很豐富。delete刪除，刪除無儲存。delete from xx where xx。update更...