Redux 3 : store의 state 변경하는 법 강의를 듣고 있는데요.
/cart 들어가면 아래와 같은 에러가 나옵니다.
Uncaught TypeError: Cannot read properties of undefined (reading 'name')
이런 에러가 나오는데 강의 코드 따라 치다가 틀려서 복붙했는데 어디가 틀린지 모르겠습니다.
혹시 어디가 틀린지 알 수 있나요?
import {Table} from 'react-bootstrap'
import { useSelector } from "react-redux"
function Cart(){
let a = useSelector((state) => { return state.cart } )
console.log(a)
return (
<div>
<Table>
<thead>
<tr>
<th>#</th>
<th>상품명</th>
<th>수량</th>
<th>변경하기</th>
</tr>
</thead>
<tbody>
{
a.map((a,i)=>
<tr>
<td>1</td>
<td>{a[i].name}</td>
<td>1</td>
<td>1</td>
</tr>)
}
</tbody>
</Table>
</div>
);
}
export default Cart
import { configureStore, createSlice } from '@reduxjs/toolkit';
let user = createSlice({
name : 'user',
initialState : 'kim'
})
let cart = createSlice({
name : 'cart',
initialState : [
{id : 0, name : 'White and Black', count : 2},
{id : 2, name : 'Grey Yordan', count : 1}
]
})
export default configureStore({
reducer: {
user : user.reducer,
cart : cart.reducer
}
})
-
이 게시글은
22에 의해 4 월, 2 주 전에 수정됐습니다.