728x90
React Native component내의 props로 ref가 있는데, 이를 다음과 같이 사용한다
<Text ref={component => this.newComp = component}
style={styles.textStyle_title}>
{this.state.totalNumber}
</Text>
이렇게 할 경우 this.newComp 에 위 Component가 입력되어,
console.log(this.newComp);
이렇게 사용할 수 있게 된다.
만약 component 내부 prop을 변경하고싶다면(style, onPress 같은것들)
this.textComp.setNativeProps
이처럼 setNativeProps를 호출해
this.textComp.setNativeProps({
style:[styles.textStyle_title,{
backgroundColor:"yellow"
}]
});
이처럼 props를 바꿔줄수있다.
728x90
'프로그래밍 > React Native(2018)' 카테고리의 다른 글
[React Native] Animate 효과 주기 (0) | 2019.09.29 |
---|---|
[React Native] createStackNavigator를 사용해 다른 페이지로 이동하도록 하는 방법 (0) | 2019.09.28 |
[React Native] Redux (0) | 2019.09.28 |
[React Native] SectionList를 통해 전화번호부/사전같은 기능 만들기 (0) | 2019.09.28 |
[React Native] View의 절대적 위치(Absolute layout)를 사용할 수 있는 방법 (0) | 2019.09.28 |
댓글