axios와 store

변수에 선언해서 axios로 받은 데이터를 dispatch로 store에 저장해놓고 조회하는데 까지는 성공했는데

댓글 추가하려고하면 어떻게 해야하나요...??

아래와 같이 정의는 했는데.. type이  add일 때는 저장한 값을 어떻게 불러와야 하나요...?

블록 스코프 때문에 가져오지를 못하는 것같은데 

add할 때도 dispatch로 데이터를 보내야 하는건가요??

const commentReducer = (state = [], action) => {
  var commentData = null
  if (action.type === "dataLoading") {
    var commentData = action.jsonData
    return commentData
  }else if (action.type === "add"){
    console.log(commentData)
    const copyCommentList = [commentData, action.inputComment]
    return copyCommentList
  }else{
    return state
  }
}

아 그러면.. dispatch된 값을 state에 저장한다는게 리덕스에 값을 저장한다는 의미네요!!

맞을까요!?

마지막으루 질문 하나만 더 해도 괜찮을까요 ㅜㅜ

리액트를 처음 접하다보니 궁금증이 많습니다!!

아래와 같이 코드를 짰는데

액션 타입이 add일 때를 보면

copyCommentList에 state를 deepcopy해서 변경된 값을 return해 줬는데

마치 리덕스에 저장된 값에 적용되는 것처럼 보였습니다

return된 copyCommentList가 state(기존reducer에 저장된 값)가 된다고 생각하였는데

이게 맞을까요??

const commentReducer = (state = [], action) => {
  if (action.type === "dataLoading") {
    state = action.jsonData
    return state
  }else if (action.type === "add"){
    const copyCommentList = [...state, action.inputComment]
    return copyCommentList
  }
  else if (action.type === "delete"){
    let copyCommentList = [...state]
    copyCommentList.splice(action.i, 1)
    return copyCommentList
  }
  else{
    return state
  }
}