[React] 'rafce' 에서 import React from 'react' 비활성

React를 쓴다면 이것을 안쓰는 사람이 드물것이다.

 

 

rafce, rfc 등을 하면 snippet으로 매우 간편하게 react 컴포넌트를 생성할 수 있다. 그런데 좀 귀찮은 점은 import React from 'react'을 항상 상단에 추가해준다는 점이다. React는 17버전부터 import React from 'react'를 상단에 쓰는 것이 의무가 아니다. 따라서 불필요한 import를 하지 않기 위해 따로 지우는 경우가 많은데 굳이 지우지 않고 설정으로 import를 하지 않게 하는 방법이 존재한다.

 

 

1. 먼저 extension 탭에서 ES7+ React/Redux/React-Native snippets을 선택

 

2. 톱니바퀴 눌러서 Extension Settings 클릭

 

 

3. 맨위에 Import React On Top을 체크해제

 

 

이제 자동완성 snippet을 쓸 때 React를 자동 임포트하지 않습니다.