ReactJS - 컴포넌트

클래스형 컴포넌트

• state 및 라이프사이클 기능 사용 가능
• render() 함수 사용

class App extends Component {
	render() {
    	const name = 'react';
        return <div className="txt">{react}<div>;
    }
}

함수형 컴포넌트

• 적은 메모리자원 사용 => 빌드된 파일 용량 작음
• state 및 라이프사이클 기능 사용 불가 => v16.8 이후 Hooks 기능 도입으로 가능

function App() {
	const name = 'react';
    return <div className="txt">{react}<div>;
}

• 화살표 함수 사용 가능 (ES6)

 const App = () => {
	const name = 'react';
    return <div className="txt">{react}<div>;
}