컴포넌트를 선언하는 방식은 두 가지이다.
function App() {
const name='heyheyhey'
return (
<div className="heyhey">
{name}
</div>
);
}
import React,{Component} from "react";
class App extends Component{
render(){
const name ="heyhey"
return (
<div>{name}</div>
)
}
}
src/MycComponent.js 파일 생성
코드 작성
const Mycomponent = () =>{
return <div>새로운 컴포넌트</div>
}
export default Mycomponent
export default Mycomponent
: 모듈 내보내기
App.js
import React,{Component} from "react";
import Mycomponent from "./MyComponent";
class App extends Component{
render(){
const name ="heyhey"
return (
<>
<div>{name}</div>
**<Mycomponent/>**
</>
)
}
}
export default App;
import Mycomponent from "./MyComponent"
: 모듈 불러오기