Tab에서 선언한 컴포넌트에게 props로 전달하는법
544
작성한 질문수 1
위와 같이 한 클래스 내에서 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>
감사합니다.
강의 자료 소스코드는 없나요?
0
319
1
RN 자동완성 기능 질문
0
307
1
환경변수 및 SOURCE관련 질문
0
286
1
글로벌로 설치한다는 게 무슨 말인가요? (-g)
0
310
1
VIsual studio code 에서 react-native run-android 실행시 오류
0
838
2
리액트 네이티브에서 안드로이드 실행
0
557
1
vscode
0
403
2
안드로이드 에뮬레이터 에러...
0
962
1
웹뷰앱 만드는 자세한 방법이 궁금합니다.
0
422
0
App.js 화면 수정 시 안드로이드 emulator 오류
0
338
0
2
0
229
1
ios 구동했을 때 Welcome to React가 아니라 애플
0
470
1
1
0
202
0
진행중 막혀서 질문드립니다
0
374
0
drawer 파트
0
282
0
node.js 설치 오류
0
433
0
vs code 터미널에서의 command not found
0
1556
1
node js 10.15.1 설치가 안됩니다
0
303
0
Unable to boot device in current state: Booted 오류 발생하는경우
1
3182
0
adb 커맨드
1
524
1
Slider만 설치하면 애러가 납니다.
0
308
1
bounces 와 버튼 backgroundColor은 안드로이드에서 적용이 안되는건가요?
0
216
0
오류확인 부탁드립니다.
0
307
0
안드로이드 시뮬 작동 중 오류가 납니다.
0
233
0





