[React Native] Props

대부분의 component 들은 생성할 때 다른 parameter들과 함께 커스터마이징 가능함

이렇게 생성한 파라미터들을 props라고 부른다 (properties 줄임말)

아래 코드에서 Image는 하나의 기본적인 React Native component이다. 이미지를 만들 때, 어떤 이미지를 보여 줄 것인지 제어하는 source라는 prop을 사용 할 수 있다.

 

 

{pic} : JSX에 포함된 변수.

중괄호를 주목하자! :D

어떤 Javascript expression 이든 JSX안 중괄호 속에 넣을 수 있다.

 

내가 만든 component에도 props를 사용 할 수 있다. (아래 코드에서 name)

Greeting component에서 name을 prop으로 사용함으로써, 각각의 greetings에서 이 name을 재사용 가능하다.

(render 함수 안에서 참조 : this.props)

 

 

★ View : 다른 컴포넌트들의 컨테이너로 유용함 (style & layout control)

☆ props 와 기본 컴포넌트 (Text, Image, View) 로 다양한 정적 화면을 만들 수 있다.

 

참고

https://facebook.github.io/react-native/docs/props

React Native · A framework for building native apps using React