Created
          March 16, 2021 13:55 
        
      - 
      
 - 
        
Save kcemenike/a62d814698092cc5f451c070c910c569 to your computer and use it in GitHub Desktop.  
    Udacity React Nanodegree appReducer using switch/case/default
  
        
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | /* Create A Reducer | |
| * | |
| * You need to create a reducer called "appReducer" that accepts two arguments: | |
| * - First, an array containing information about ice cream | |
| * - Second, an object with a 'DELETE_FLAVOR' `type` key | |
| * (i.e., the object contains information to delete the flavor from the state) | |
| * | |
| * The action your reducer will receive will look like this: | |
| * { type: 'DELETE_FLAVOR', flavor: 'Vanilla' } | |
| * | |
| * And the initial state will look something like this (as such, refrain | |
| * from passing in default values for any parameters!): | |
| * [{ flavor: 'Chocolate', count: 36 }, { flavor: 'Vanilla', count: 210 }]; | |
| */ | |
| const appReducer=(state,action)=>{ | |
| switch(action.type) { | |
| case 'DELETE_FLAVOR': | |
| return state.filter((item)=>(item.flavor !== action.flavor)); | |
| default: | |
| return state; | |
| } | |
| } | |
| console.log( | |
| appReducer([{ flavor: 'Chocolate', count: 36 }, { flavor: 'Vanilla', count: 210 }], { type: 'DELETE_FLAVOR', flavor: 'Vanilla' }) | |
| ) | 
  
    Sign up for free
    to join this conversation on GitHub.
    Already have an account?
    Sign in to comment