當react結合redux後,就有的觀念就大轉變,要趕快脫離段適應期,所以要不段的修煉,今天練習的是redux 表單
看來挑錯練習範例了,這邊比較偏向套套件,直接聊核心程式
./store
什麼是store? 將aciton跟reducer 結合在一起的物件叫store
這邊可以看到 redux 建立 createStore 跟 combineReducers 看來就是要做結合的動作,
下面的redux-form,應該是有名的套件,可以試試看
combineReducers :意思是組合起reducering function
import { createStore, combineReducers } from 'redux';
import { reducer as reduxFormReducer } from 'redux-form';
const reducer = combineReducers({
form: reduxFormReducer, // mounted under "form"
});
// 這邊是開啟 redux瀏覽器的除錯工具
const store = (window.devToolsExtension
? window.devToolsExtension()(createStore)
: createStore)(reducer);
export default store;
剩下的都是套件的使用了
可惜,codepen redux的範例不是很多