TypeError: state.dispatch is not a function 에러

[쭈꾸미]

 

--cart.js

<tbody>
                    {state.map((data,idx) =>(
                        <tr key={idx}>
                            <td>{data.id}</td>
                            <td>{data.name}</td>
                            <td><button onClick={()=>{ state.dispatch({type:'수량증가', id:data.id})}}>+</button> 1 <button>-</button></td>
                            <td>{data.price}</td>
                        </tr>
                    ))}
 </tbody>
 

 

-- index.js

function reducer(state = init, action){

  let copy = [...state]; //deep copy

  if(action.type === '수량증가'){
    let d = copy.find( a => a.id === action.id);
    d.quan++;
    return copy
  }else if(action.type === '수량감소'){
    let d = copy.find( a => a.id === action.id);
    d.quan--;
    return copy
  }else{ //기본값 리턴
    return copy
  } 
}

let store = createStore(reducer);

 

 

TypeError: state.dispatch is not a function 에러가 뜨는데 원인을 도무지 모르겠습니다 ㅠㅠ

 

[쭈꾸미]

 

 //

[쭈꾸미]

function func(state){ //state를 props화 하기
    return {
       state : state
    }
}

export default connect(func)(Cart)

 

connect도 잘 연결해두었습니다..

[쭈꾸미]

악! 해결했습니다 

 

컴포넌트에 props를 비구조화 할당 해준게 문제였네요..ㅠ

[글쓴이]

글