-
react-redux項(xiàng)目結(jié)構(gòu)
查看全部 -
import?{connect}?from?"react-redux"; let?AddTodo?=?()=>{ ????return( ????<div> ????<form?onSubmit={e=>{e.preventDefault(); ????if?(!input.value.trim()){return} ????dispatch()} ????}> ????????<input/> ????????<button/> ????</form> ????<div/>) } AddTodo?=?connect()(AddTodo) export?default?AddTodo查看全部 -
import?{connect}?from?"react-redux"; let?AddTodo?=?()=>{ ????return( ????<div> ????<form> ????????<input/> ????????<button/> ????</form> ????<div/>) } AddTodo?=?connect()(AddTodo) export?default?AddTodo查看全部 -
6-2 webpack解釋
查看全部 -
actions--->用戶行為
components--->組件
containers--->容器
reducer---> store里面負(fù)責(zé)分發(fā)action行為
index.html ---> 模板文件
server.js---> 構(gòu)建項(xiàng)目相關(guān)配置文件
webpack---> 打包配置文件查看全部 -
React簡(jiǎn)單回顧
查看全部 -
redux 安裝包
查看全部 -
reducer響應(yīng)數(shù)據(jù)
查看全部 -
container文件作用于獲取，更新數(shù)據(jù)，由react-redux生成。
component文件作用于樣式，布局，獲取數(shù)據(jù)
查看全部 -
react回顧
查看全部 -
組件分為兩類：
container
component
查看全部 -
狀態(tài)可預(yù)測(cè)，即action作用在store上，產(chǎn)生的變化是可知的。
查看全部 -
Store
action作用于store
reducer根據(jù)store響應(yīng)
store是唯一的
store包括了完整的state
state完全可預(yù)測(cè)
查看全部 -
Reducer
是響應(yīng)的抽象
pure function
傳入old state和action
返回new state
查看全部 -
Action
行為的抽象
普通JS對(duì)象
由方法生成：action creator
必須有一個(gè)type
查看全部
舉報(bào)
0/150
提交
取消