리액트 Props

개요

리액트 Props

리액트 네이티브 Props

• 부모 컴포넌트로부터 받는 불변성 데이터
• 컴포넌트는 이것을 참조하여 렌더링
• 타입체크 가능
• props.children을 통해 자식 요소 제어

import React, { Component } from 'react';
import { AppRegistry, Text, View } from 'react-native';

class Greeting extends Component {
  render() {
    return (
      <Text>Hello {this.props.name}!</Text>
    );
  }
}

class LotsOfGreetings extends Component {
  render() {
    return (
      <View style={{alignItems: 'center'}}>
        <Greeting name='Rexxar' />
        <Greeting name='Jaina' />
        <Greeting name='Valeera' />
      </View>
    );
  }
}

AppRegistry.registerComponent('LotsOfGreetings', () => LotsOfGreetings);

같이 보기

• 리액트 State
• 리액트 Style
• 리액트 Component

참고

• https://facebook.github.io/react/docs/components-and-props.html
• https://facebook.github.io/react-native/docs/props.html