개발직설/React
클래스형 컴포넌트
SdardewValley
2021. 1. 15. 14:17
반응형
import React from "react";
import "./App.css";
function App() {
const study = "리액트";
return (
<>
<div className="react">{study}</div>
</>
);
}
export default App;
여기서 App은 함수형 컴포넌트이다. 이것을 다음과 같이 클래스형 컴포넌트로 변경할 수 있다.
import React, { Component } from 'react';
import './App.css';
class App extends Component {
render() {
const study = '리액트';
return <div className='react'>{study}</div>
}
}
export default App;
render 함수가 사용된 것을 확인할 수 있다.