Guest User

Untitled

a guest
Oct 23rd, 2018
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.36 KB | None | 0 0
  1. /////// ACTION ///////
  2. const action = {
  3. type : "split_string",
  4. data: "qwertyuiopadfghjklzxcvbnm"
  5. }
  6.  
  7. /////// ANOTHER ACTION ///////
  8. const actionSaveProduct ={
  9. type:"save_product",
  10. dataku:[
  11. {
  12. id:1,
  13. name:'sapu'
  14. },
  15. {
  16. id:2,
  17. name:'meja'
  18. },
  19. {
  20. id:3,
  21. name:'kursi'
  22. },
  23. {
  24. id:4,
  25. name:'papan'
  26. }
  27. ]
  28. }
  29.  
  30. /////// ANOTHER ACTION ///////
  31. const actionLuasPersegiPanjang={
  32. type:"luas_persegipanjang",
  33. panjang:15,
  34. lebar:25
  35. }
  36.  
  37. /////// REDUCER ///////
  38. const reducer = (state = [], action) => {
  39. if(action.type === "split_string"){
  40. return action.data.split('!');
  41. }
  42. else if(action.type === "save_product"){
  43. return action.dataku;
  44. }
  45. else if(action.type === "luas_persegipanjang"){
  46. return action.panjang * action.lebar;
  47. }
  48. return state;
  49. };
  50.  
  51. /////// STORE ///////
  52. const store = Redux.createStore(reducer);
  53.  
  54. /////// GET DATA AWAL ///////
  55. store.getState();
  56. /////// ACTION MEMANGGIL REDUCER ///////
  57. store.dispatch(action);
  58. /////// GET DATA SETELAH ACTION MEMANGGIL REDUCER ///////
  59. store.getState();
  60. /////// ACTION MEMANGGIL REDUCER ///////
  61. store.dispatch(actionSaveProduct);
  62. /////// GET DATA SETELAH ACTION MEMANGGIL REDUCER ///////
  63. store.getState();
  64. /////// ACTION MEMANGGIL REDUCER ///////
  65. store.dispatch(actionLuasPersegiPanjang);
  66. /////// GET DATA SETELAH ACTION MEMANGGIL REDUCER ///////
  67. store.getState();
Add Comment
Please, Sign In to add comment