[RN] props

- read only -> 수정이 불가능한 읽기 전용 property

- 부모가 가지고 있는 값을 자식에서 사용하기 위함

 

 

- App.js

import React, { Component } from 'react';
import { View, Text, StyleSheet } from 'react-native';
import PropsChild from './propsChild;


class App extends Component{

	render() {
    
    	return(
        	<View style={styles.background}>
				<PropsChild sText={this.state.sampleText}
                    	cText={this.changeState}
            	/>
			</View>
        
        )
    
    }

}

 

 

- propsChild.js

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

const PropsChild = (props) => {
	return(
    	<View>
        	<Text onPress={props.cState}>
            	{props.sText}
            </Text>
        </View>
    )
}


export default PropsChild;

https://www.inflearn.com/course/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C-%EC%A4%91%EA%B8%89/dashboard

iOS/Android 앱 개발을 위한 실전 React Native - Intermediate - 인프런 | 강의

인프런 iOS/Android 앱 개발을 위한 실전 React Native - Intermediate 수업을 정리했습니다.