Learn Import&Export

Junghan Lee·2023년 3월 14일
0

Learnd in Camp

목록 보기
3/48

https://velog.io/@creyon0215/2023.-3.-14-TIL

위 링크의 import, export 내용

컴포넌트 만드는 방법 2가지
1. 클래스로 만드는 방법j
import{component} from "react" ;
class New extends Component {
render(){
return
}
}
export default New
2. 함수로 만드는 방법
function New(){
return
}
export default New

const New = () =>
export default New

컴포넌트를 만들 때 쓴다.

일반적으로 자바스크립트에서 import를 사용해 다른 모듈에서 변수, 함수 클래스 등을 가져올 수 있고, JSX파일에서도 마찬가지.

코드 예시

import MyComponent from './MyComponent';

JSX파일에서 다른 모듈로 내보낼 때는 export 를 사용해 내보낸다.
예시, export default MyComponent

내보낸 것을 가져오고, 가져온 것을 내보내고!

profile
Strive for greatness

0개의 댓글