리액트의 컴포넌트

리액트에서 컴포넌트란

컴포넌트란 함수와 같은 것이다

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

const element = <Welcome name="Sara" />;
ReactDOM.render(
  element,
  document.getElementById('root')
);

예제로 Welcome은 함수 컴포넌트로
render을 호출하고 Sara가 props로써 Welcome 컴포넌트를 호출한다.
호출된 함수는 DOM을 반환한다

여기서 props란 속성으로 파라미터 값이다.

props 값은 입력값을 바꾸려 하지 않는다.

리액트의 규칙이다.