Adding an action to delete an item from the list component based on the key value in the message

.js

// actions gets two arguments: state and the message we send
function actions(state, message) {
  switch(message) {
    case 'updateInputValue':
      // Update state with new value:
      state.inputValue = message.value
      // Don't forget to return state:
      return state
    case 'addItem':
      // Add new item to array:
      state.fruits.push({
        key: state.newKey++,
        value: state.inputValue
      })
      // Don't forget to return state:
      return state
    case 'deleteItem':
      // Use the message value,
      // which is the key of the item the user click on,
      // to filter it out from the array of fruits.
      state.fruits = state.fruits.filter(fruit => fruit.key != message.value)
      // Don't forget to return state:
      return state
  }
}