iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 9
0

前言

當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的範例不是很多


上一篇
React-Redux-框架練習(2)
下一篇
偵測滾動事件
系列文
初探前端之路-React-由生到死的踩地雷10

尚未有邦友留言

立即登入留言