RenderTest 예제로 변경하는 중 다음과 같은 에러가 납니다 ㅜ

대박! jsx 파일에서 import, export 형태로 쓰면 client.jsx에서도 import 형태로 불러야 해결이 되네요 ㅎㅎ 감사합니다아

hooks로 변환하니 다음과 같은 에러가 납니다.

현영님 해결됬습니다. 너무 감사드립니당^^

hooks로 변환하니 다음과 같은 에러가 납니다.

import React, { useState, useRef } from "react"; import Try_hooks from "./Try_hooks"; function getNumbers() { // 숫자 4개를 겹치지 않고 랜덤하게 뽑는 함수 const candidate = [1, 2, 3, 4, 5, 6, 7, 8, 9]; const array = []; for (let i = 0; i { const [result, setResult] = useState(""); const [value, setValue] = useState(""); const [answer, setAnswer] = useState(getNumbers()); const [tries, setTries] = useState([]); const onRefInput = useRef(null); const onChangeInput = (e) => { setValue(e.currentTarget.value); }; const onSubmitForm = (e) => { e.preventDefault(); if (value === answer.join("")) { setResult("홈런!"); setTries((prevTries) => { return [...prevTries, { try: value, result: "홈런!" }]; }); alert(`정답입니다! 정답은 ${answer.join("")} 입니다.`); alert("게임을 다시 시작합니다."); setValue(""); setAnswer(getNumbers()); setTries([]); } else { console.log(answer.join("")); const answerArray = value.split("").map((v) => parseInt(v)); let strike = 0; let ball = 0; if (tries.length >= 9) { // 10번 이상 틀렸을 때 setResult(`10번 이상 틀려서 실패! 정답은 ${answer.join("")} 입니다.`); alert(`10번 이상 틀려서 실패! 정답은 ${answer.join("")} 입니다.`); alert("게임을 다시 시작합니다."); setValue(""); setAnswer(getNumbers()); setTries([]); } else { // 답 틀렸으면 for (let i = 0; i { [ ...prevTries, { try: value, result: `${strike}스트라이크 ${ball}볼입니다.` }, ]; }); setResult(`틀렸습니다. ${9-tries.length}번 남았습니다.`); } } onRefInput.current.focus(); }; return ( {result} 시도: {tries.length} {/* 반복되는 내용은 배열로 만들어서 map 함수로 반복한다. */} {tries.map((item, index) => { return ( // key로 index를 쓰면 나중에 성능 최적화 시 문제가 되므로 쓰지 않는다. // 컴포넌트로 분리(큰 컴포넌트로 부터 작은 컴포넌트를 분리하는 탑다운 방식), props로 값 전달 ); })} ); }; export default NumberBaseball;

화면에서 { childrun } 에 해당하는 내용이 안나와요 ㅜ

헐 ㅜ 빠른 답변 감사드려요오 ㅜ 혼자 독학하다보니 이런 어이 없는 실수도 잘 안보이네요 ㅜ 현영님 강의 진짜 큰 도움 되고 있어요 감사합니다아