React - props

michael00987·2020년 1월 20일
0

im

목록 보기
4/5

React는 임의로 정의한 Element를 만나면 JSX artibute를 해당 컴포넌트에 단일 객체로 전달한다. 이 객체를 props라고 한다.
React - props 공식문서

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

const element = <Welcome name="Sara" />;

ReactDOM.render(
  element,
  document.getElementById('root')
);

ReactDOM.render()가 실행되고
사용자 정의 컴포넌트(Welcome)만나면,어트리뷰트(name="Sara")는 {name:'Sara'}객체를 props로 하여 Welcome컴포넌트를 호출하고,<h1>Hello, Sara</h1>를 반환한다.

profile
차근차근

0개의 댓글