반응형
아래와 같은 컴포넌트가 있다고 하자.
import React from 'react';
const AutoComplete = () => {
return (
<div>
</div>
);
};
export default AutoComplete;
App.js에서 auto를 입력하여도 자동완성이 나오지 않는다.
아래처럼 AutoComplete.js가 열려있다면, auto만 입력해도 자동으로 컴포넌트를 불러온다.
jsconfig.json을 만들어 설정을 추가하면 파일을 열지 않아도 자동으로 import 할 수 있다.
먼저 src > jsconfig.json 파일을 만든다.
Ctrl + Shift를 눌러서 나오는 내용을 입력하거나 아래의 코드를 추가한다.
{
"compilerOptions": {
"target": "es6"
}
}
아래와 같이 파일을 열지 않아도 AutoComplete 컴포넌트가 잘 보이는 것을 알 수 있다.
혹시 잘 나타나지 않는다면, VS Code를 종료하고 다시 시작하면 된다.
반응형
'개발 > React' 카테고리의 다른 글
리액트 CSS - 배경 이미지 꽉 채우기 (0) | 2022.06.19 |
---|---|
리액트 - 같은 Link를 클릭해도 새로고침 되도록 하기 (리액트 라우터 useLocation) (0) | 2022.03.27 |
리액트 - useRef를 이용하여 타이머 만들기 (0) | 2022.03.23 |
로그인 폼 만들기 - useReducer로 Input 관리 (0) | 2022.03.20 |
리액트 package.json에서 port 변경 (0) | 2022.03.18 |
댓글