React--- react 初見React 總結

簡介react

react 程序代碼是透明的,須要什麼裝什麼 代碼實現邏輯清晰可見npm

第一天

  1. React  基礎構造

    1. 分別是  繼承的 React.component(繼承的依賴類)/dom(dom元素)/proptypes(prop的類型聲明)/babel(高階js  只鞥寫在這裏)編程

    2. ---------------------------上面這是一個面向組件編程的基礎構造 ----------------------------------------------------redux

state  and  props

  state


    1.   組件 有父子組件 ,那麼state  用處就是本組件內的數據更新,而props 多半用於父親傳給兒子
    2.        定義state  數據
    3. 更新state數據

        

  Props(發送和接收)

    1. 綁定this 
    2.  

 

redux ------集中狀態管理babel

  store  建立存儲對象 react-router

  provider  包在最外面   存儲數據app

  connect  狀態映射     鏈接存儲的數據橋樑dom

 Redux  初次正式認識

Redux 數據共享
建立 Store
ide

 

建立 reducerthis

 

建立 外包 store 傳值

 

connect 鏈接共享存儲的一個 中間件(橋樑)

 

 

整合Redux

 

 

 

 

安裝

create-react-app   項目目錄

cnpm i react -D       安裝 ①

cnpm i react-dom -D     安裝②

cnpm i redux -D       安裝③

cnpm i react-redux -D   安裝④

cnpm i react-router-dom   安裝⑤

 

基礎語法使用

相關文章
相關標籤/搜索