useState함수의 변수명 지정 문제

[정법진]

안녕하세요.

현재 쇼핑몰 프로젝트 3번째 파트를 듣고 있는데요.

선생님이 말씀하신대로
let {shoes} = useState(data);
로 변수명을 지정했는데

호출할 때
{shoes[0].title}
로 호출하면 에러가 납니다.

=====================================================
< 에러내용 >
Uncaught TypeError: Cannot read properties of undefined (reading '0')
at App (App.jsx:36:40)
=====================================================

{data[0].title}
로 호출해야 정상적으로 표시가 되더군요.

아. 참고로 import는
import data from './data.js';
로 했습니다.

제 느낌으로는 useState변수를 못 가져오고
import변수를 그대로 가져와야만 표시가 되는 게 아닌가 싶거든요.

원인이 뭘까요?

• 이 게시글은 정법진에 의해 3 일, 5 시간 전에 수정됐습니다.

[codingapple]

let [shoes] 로 바꿔봅시다

[정법진]

감사합니다.
말씀하신대로 중괄호를 대괄호로 바꾸니 잘 되네요 ㅎㅎ
단순 오타문제였네요.

근데 useState변수를 쓰는 거랑
import변수를 그대로 쓰는 거랑 차이가 있나 보군요.

[codingapple]

import해오면 그냥 변수인데 state처럼 쓰고 싶으면 useState에 넣어서 씁시다

[글쓴이]

글