본문 바로가기
프로그래밍/React Native(2018)

[React Native] Android의 findViewById 처럼 Component의 id를 등록해주고 찾게해주는 방법

by 쿼카퀀트 2019. 9. 28.
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

댓글