[React] Component란?

Component
- UI를 구성하는 개별적인 view 단위
- 전체의 앱은 각 컴포넌트를 조립해서 만들어짐.

  function Welcome(props) { 
      return <h1>Hello, {props.name}</h1>; 
  } 
  function App() { 
      return ( 
          <div> 
              <Welcome name="Sara" /> 
              <Welcome name="Cahal" /> 
              <Welcome name="Edite" /> 
          </div> 
      ); 
  } 
  ReactDOM.render( <App />, document.getElementById('root') ); 

 

1. App 컴퍼넌트는 여러개의 Welcome을 가짐
2. ReactDOM.render을 통해서 App 컴퍼넌트를 호출
3. App컴퍼넌트는 각 Welcome 컴퍼넌트를 호출 (재사용)
4. 전달한 props에 따른 각각의 Welcome 컴퍼넌트 내용이 호출되는걸 확인 가능