javascript - Redux - Having an issue concatenating new state when an Item is added to an array -


currently having issue reducer function not update questionlist.items array. i'm not sure i'm doing wrong here awesome if point me in right direction :)

below snippet of code i'm having issue with. problem lies add_questions action it not concatenate existing items in array new item. instead, it overwrites existing item in array. 

const add_question = 'add_question'; const fetch_questions = 'fetch_questions'; const fetch_questions_success = 'fetch_questions_success'; const fetch_questions_failure = 'fetch_questions_failure';  const initial_state = {    questionslist: {items: [{     id: 2222,     questionstring: 'your name',     rejected: true   }], error:null, loading: false},     newquestion:{question:null, error: null, loading: false},      activequestion:{question:null, error:null, loading: false},      deletedquestion: {question: null, error:null, loading: false}, };  const questionsreducer = (state = initial_state, action) => {   const { payload, type } = action;   switch (type) {   case fetch_questions:       return { ...state, questionslist: {items:[], error: null, loading: true} };      case fetch_questions_success:       return { ...state, questionslist: {items: action.payload, error:null, loading: false} };     case add_question:       /** problem lies here */        return { ...state, questionslist: { items: [...state, payload], error: null, loading: false } }     default: return state   } }  export default questionsreducer;

i've taken screenshot of redux devtools console better show issue i'm dealing with. taking @ picture below see initial item in items array gets replaced when add_question fires.

screen shot 2017-03-28 @ 10.58.08 am.png

you trying spread whole state, not list of questions:

return { ...state, questionslist: { items: [...state, payload], error: null, loading: false } }

you cannot spread object array. instead, only spread relevant slice of state:

return { ...state, questionslist: { items: [...state.questionslist.items, payload], error: null, loading: false } }

Comments

Post a Comment

Popular posts from this blog

javascript - Clear button on addentry page doesn't work -

this addentry blog page have made scratch , there underlying problems code particularly clear button supposed clear text entered when button clicked on doesn't work have saved html file problem. also 1 other problem submit button works doesn't pass of text index file have written php , reason whenever click on submit button redirects me index page without posting entry have made. <!doctype html> <html> <head> <script> function message() { alert("clear form?"); } </script> <style> body {background-color: beige;} h1 {color: black;} p {color: black;} textarea { width: 50%; height: 150px; padding: 12px 20px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; background-color: white; font-size: 16px; resize: none; } div { padding-left: 20px; } </style> </head> <meta charset="utf-8"> <link rel="stylesheet" href="....
Read more

python - Error: Unresolved reference 'selenium' What is the reason? -

# -*- coding: utf-8 -*- selenium import selenium import unittest, time, re class rc(unittest.testcase): def setup(self): self.verificationerrors = [] self.selenium = selenium("localhost", 4444, "*chrome", "http://stackoverflow.com/") self.selenium.start() def test_rc(self): sel = self.selenium sel.open("/") sel.type("id=kw", "selenium") sel.click("id=container") sel.click("id=su") def teardown(self): self.selenium.stop() self.assertequal([], self.verificationerrors) if __name__ == "__main__": unittest.main() this recorded selenium ide, selenium remote control code. in ide test passed.   in pycharm open, first line ( from selenium import selenium ) there error: unresolved reference 'selenium' what reason? my environment is python3.5 selenium3.3.1 selenium-server-standalone-...
Read more

How do I compare strings in Java? -

i've been using == operator in program compare strings far. however, ran bug, changed 1 of them .equals() instead, , fixed bug. is == bad? when should , should not used? what's difference? == tests reference equality (whether same object). .equals() tests value equality (whether logically "equal"). objects.equals() checks nulls before calling .equals() don't have (available of jdk7, available in guava ). consequently, if want test whether 2 strings have same value want use objects.equals() . // these 2 have same value new string("test").equals("test") // --> true // ... not same object new string("test") == "test" // --> false // ... neither these new string("test") == new string("test") // --> false // ... these because literals interned // compiler , refer same object "test" == "test" // --> true // ... should call objects.equals() o...
Read more