Tell us what’s happening:
Hello, everyone.
So everything seems to be good except for one test:
Dispatching addMessage against the store should immutably add a new message to the array of messages held in state.
I can’t see why this isn’t working. I feel like I’ve either made a stupid mistake or I have a problem with my browser (Chrome). Any nudge in the right direction would be greatly appreciated!
Your code so far
// define ADD, addMessage(), messageReducer(), and store here:
const ADD = "ADD";
const addMessage = (message) =>{
return{
type: ADD,
message: message
}
}
const messageReducer = (state = [], action) =>{
switch(action.type){
case ADD:
return {
message: [...state, action.message]
}
break;
default:
return state;
}
}
const store = Redux.createStore(messageReducer)
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36
.
Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/react-and-redux/extract-state-logic-to-redux/