인프런 커뮤니티 질문&답변
작성한 질문수
Tab에서 선언한 컴포넌트에게 props로 전달하는법
작성
·
520
0
위와 같이 한 클래스 내에서 Tab navigator 선언한 다음에 tab component를 만들었습니다.
그러고 나서 firstTab이라는 하위 클래스에 props로 인자를 전달해주려고 하는데 선언문 형태가 아니라 어떻게 전달할 수 있을지 궁금합니다!
답변 1
0
kimhj4268님,
안녕하세요. 지식공유자 Wintho 입니다.
해당 질문에 답변 드립니다.
props를 통한 데이터 전달은 부모/자식 관계가 형성되어야 합니다.
우선, HomeScreenTab과 firstTab이 부모/자식 관계가 맞는지부터 확인을 하셔야 하고, 만일 화면간 데이터 전달이 목적이라고 하신다면 screen을 정의하는 이 코드에서 구현할 필요는 없습니다.
각 화면을 정의하는 파일에서 화면 간 이동 이벤트를 발생시키는 컴포넌트가 있을텐데 그곳에서 자식 클래스로 넘길 데이터를 정의하시기 바랍니다.
e.g. A화면 -> B화면 이동
. A화면 정의 파일
<TouchableOpacity
onPress={()=>{
this.props.navigation.push('B', {
dataA: true,
dataB: 100,
})
}}
<Image
source={require('../../assets/images/sample.png')}
style={{width: 50, height: 50}}
esizeMode="contain"
/>
</TouchableOpacity>
감사합니다.