인프런 커뮤니티 질문&답변

ESLint 룰 때문인지 한글 컴포넌트는 못 쓰게 막아 놓은 거 같아요!

해결 방법은 컴포넌트 이름을 대문자 영어로 시작해서 작성해 보셔요!

ex)

import { useState } from 'react';

const Counter = () => {
  const [카운터변수, 카운터바꿔주는함수] = useState(0);

  const 카운터올리는기능 = () => {
    카운터바꿔주는함수(카운터변수 + 1);
  };

  const 캐운터내리는기능 = () => {
    카운터바꿔주는함수(카운터변수 - 1);
  };

  return (
    <>
      <div>{카운터변수}</div>
      <button onClick={카운터올리는기능}>카운터 올리기!!!</button>
      <button onClick={캐운터내리는기능}>카운터 내리기!!!</button>
    </>
  );
};

export default Counter;

안녕하세요! skykwj0422님!

앞서 답변주신 성진님의 말씀이 맞아요!
eslint는 뒷부분에서 수업이 진행되는데, 이미 다른 과정 등을 통해 eslint 관련 셋팅이 되어있으신 것 같네요!

"카운터" 라는 컴포넌트이름을 Counter 형태의 영어 대문자로 시작하도록 변경해 주세요!

답변주신 성진님 감사드립니다!^^