리엑트 강의에서 잘 모르겠는 부분이 있어요

8 글 보임 - 1 에서 8 까지 (총 8 중에서)

글쓴이

글

2022년 8월 3일 17:44 #40518

참가자

function App() {
  let [shoes] = useState(data);
  const [shoes] = useState(data);
  let [shoes] = useState(data);
  return (
    <div className="App">

리엑트 강의 아래에 쇼핑몰 만들기 과정에서 let을 사용해서 스테이트를 담아둘 곳을 만들고 싶은데
function App() { }이 안에 let을 통해서 똑같이 shoes 라는걸 만든거 같은데 정작 저장하고 보면 새하얗게 아무것도 안나오는데 잘 모르겠어요
전에 블로그 만들기는 동일한 곳에 let을 쓰는데 잘 되더라고요..?

2022년 8월 3일 20:17 #40533

codingapple

키 마스터

같은 이름의 let 변수는 여러개 만들 수 없습니다

2022년 8월 4일 16:43 #40708

JunHyeok

참가자

변수가 하나만 있어도 아무것도 안 나오는데 이러면 다른 곳에 선언해서 불러와야 하나요?
뭔가 이걸 해결하고 싶은데 CONST 를 써도 오류 로그가 안 나와서 뭐가 문제인지 모르겠어요...

function App() {
  let [shoes] = useState(data);
  return (
    <div className="App">
      <Navbar bg="light" variant="light">
        <Container>

이렇게 변경해도 아무것도 안 나와요
Compiled successfully!
webpack compiled successfully
이거 나오는데 문제가 뭘까요,,,

2022년 8월 4일 16:44 #40709

JunHyeok

참가자

변수 선언 let [shoes] = useState(data);
를 주석처리하면 문제 없이 화면이 나와요

2022년 8월 4일 20:51 #40748

codingapple

키 마스터

크롬 콘솔창엔 무엇이나옵니까 
shoes 쓰는 곳이 잘못되었을수도요

2022년 8월 5일 12:22 #40837

JunHyeok

참가자

Download the React DevTools for a better development experience: https://reactjs.org/link/react-devtools
2App.js:16 Uncaught TypeError: react__WEBPACK_IMPORTED_MODULE_2___default is not a function or its return value is not iterable
    at App (App.js:16:1)
    at renderWithHooks (react-dom.development.js:16305:1)
    at mountIndeterminateComponent (react-dom.development.js:20074:1)
    at beginWork (react-dom.development.js:21587:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1)
    at invokeGuardedCallback (react-dom.development.js:4277:1)
    at beginWork$1 (react-dom.development.js:27451:1)
    at performUnitOfWork (react-dom.development.js:26557:1)
    at workLoopSync (react-dom.development.js:26466:1)
react-dom.development.js:18687 The above error occurred in the <App> component:

    at App (http://localhost:3000/static/js/bundle.js:51:61)

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
logCapturedError @ react-dom.development.js:18687
react-dom.development.js:26923 Uncaught TypeError: react__WEBPACK_IMPORTED_MODULE_2___default is not a function or its return value is not iterable
    at App (App.js:16:1)
    at renderWithHooks (react-dom.development.js:16305:1)
    at mountIndeterminateComponent (react-dom.development.js:20074:1)
    at beginWork (react-dom.development.js:21587:1)
    at beginWork$1 (react-dom.development.js:27426:1)
    at performUnitOfWork (react-dom.development.js:26557:1)
    at workLoopSync (react-dom.development.js:26466:1)
    at renderRootSync (react-dom.development.js:26434:1)
    at recoverFromConcurrentError (react-dom.development.js:25850:1)
    at performConcurrentWorkOnRoot (react-dom.development.js:25750:1)

React-Dom 관련 오류라고 나오는거 같은데 아직 리액트 돔이라는 것을 쓴 적이 없어서요..
뭐가 문제일까요...
프로젝트 파일을 새로 만들었는데요 같은 오류가 나오네요..

2022년 8월 5일 14:32 #40860

codingapple

키 마스터

상단에 import {useState} 어쩌구하는게 잘못되었을수도 있습니다

2022년 8월 5일 19:04 #40937

JunHyeok

참가자

문제 해결했어요 감사합니다!
useState 에서 빠진 부분이 있었네요.. ( { } )
import useState from "react";
import { useState } from "react";
로 써야 하는데..

글쓴이

글

8 글 보임 - 1 에서 8 까지 (총 8 중에서)

답변은 로그인 후 가능합니다.

로그인

리엑트 강의에서 잘 모르겠는 부분이 있어요

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png