-
react-redux項目結構
查看全部 -
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里面負責分發action行為
index.html ---> 模板文件
server.js---> 構建項目相關配置文件
webpack---> 打包配置文件查看全部 -
React簡單回顧
查看全部 -
redux 安裝包
查看全部 -
reducer響應數據
查看全部 -
container文件作用于獲取，更新數據，由react-redux生成。
component文件作用于樣式，布局，獲取數據
查看全部 -
react回顧
查看全部 -
組件分為兩類：
container
component
查看全部 -
狀態可預測，即action作用在store上，產生的變化是可知的。
查看全部 -
Store
action作用于store
reducer根據store響應
store是唯一的
store包括了完整的state
state完全可預測
查看全部 -
Reducer
是響應的抽象
pure function
傳入old state和action
返回new state
查看全部 -
Action
行為的抽象
普通JS對象
由方法生成：action creator
必須有一個type
查看全部
舉報
0/150
提交
取消