Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /////// ACTION ///////
- const action = {
- type : "split_string",
- data: "qwertyuiopadfghjklzxcvbnm"
- }
- /////// ANOTHER ACTION ///////
- const actionSaveProduct ={
- type:"save_product",
- dataku:[
- {
- id:1,
- name:'sapu'
- },
- {
- id:2,
- name:'meja'
- },
- {
- id:3,
- name:'kursi'
- },
- {
- id:4,
- name:'papan'
- }
- ]
- }
- /////// ANOTHER ACTION ///////
- const actionLuasPersegiPanjang={
- type:"luas_persegipanjang",
- panjang:15,
- lebar:25
- }
- /////// REDUCER ///////
- const reducer = (state = [], action) => {
- if(action.type === "split_string"){
- return action.data.split('!');
- }
- else if(action.type === "save_product"){
- return action.dataku;
- }
- else if(action.type === "luas_persegipanjang"){
- return action.panjang * action.lebar;
- }
- return state;
- };
- /////// STORE ///////
- const store = Redux.createStore(reducer);
- /////// GET DATA AWAL ///////
- store.getState();
- /////// ACTION MEMANGGIL REDUCER ///////
- store.dispatch(action);
- /////// GET DATA SETELAH ACTION MEMANGGIL REDUCER ///////
- store.getState();
- /////// ACTION MEMANGGIL REDUCER ///////
- store.dispatch(actionSaveProduct);
- /////// GET DATA SETELAH ACTION MEMANGGIL REDUCER ///////
- store.getState();
- /////// ACTION MEMANGGIL REDUCER ///////
- store.dispatch(actionLuasPersegiPanjang);
- /////// GET DATA SETELAH ACTION MEMANGGIL REDUCER ///////
- store.getState();
Add Comment
Please, Sign In to add comment