장바구니 페이지 만들기 & Redux 관련

[김채령]

선생님 장바구니 페이지 만들기에서 App.js 파일에서

import Cart from './routes/Cart.js'

 <Route path="/cart" element={<Cart/>} /> 페이지를 만들어주고

Cart.js 파일에서 표를 만들어 주었을 때는 /cart페이지에 표 레이아웃이 잘 보였는데요

리덕스 라이브러리 설치 후  데이터바인딩을 해주고 부터는 빈 화면만 보입니다

Cart.js 파일

import {Table} from 'react-bootstrap'
import { useSelector } from 'react-redux'

function Cart(){

    let a = useSelector((state)=>state)
    console.log(a)

  return (
    <div>
<Table>
  <thead>
    <tr>
      <th>#</th>
      <th></th>
<strong>      <th>{a}</th></strong>
      <th>변경하기</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>슈즈</td>
      <td>5</td>
      <td>yes</td>
    </tr>
  </tbody>
</Table>
    </div>
  )
}

export default Cart

 

store.js 파일에서는

import { configureStore, createSlice } from '@reduxjs/toolkit'

let user = createSlice ({
    name : 'user',
    initialState : 'kim'
})

export default configureStore({
  reducer: {
    user : user.reducer
  }
})

index.js 파일에서는

import store from './store.js'

    <Provider store={store}>
      <BrowserRouter>
        <App />
      </BrowserRouter>
    </Provider>

이렇게 적었습니다.

혹시나 해서 App.js파일에서   <Route path="/cart" element=<strong>{<div>카트페이지임</div>}</strong> /> element를 수정해봤더니

화면에 카트페이지임 글씨만 보이고 표는 보이지 않습니다

무엇이 문제일까요? 제가 빠트린 부분이 있는건지 모르겠습니다..

 

[codingapple]

html 안의 중괄호에 object자료 그대로 넣어서 그렇다는소리같군요 html 사이엔 문자만 넣읍시다 

[김채령]

해결했습니다 선생님

제가 state에 변수명을 추가를 안해서 에러난 거였네요 감사합니다:)

[글쓴이]

글