inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Tab에서 선언한 컴포넌트에게 props로 전달하는법

544

kimhj4268

작성한 질문수 1

0

class HomeScreenTab extends Component {
...
<Tab.Navigator ...
...
...
...
<Tab.Screen name="홈" component={firstTab} />

위와 같이 한 클래스 내에서 Tab navigator 선언한 다음에 tab component를 만들었습니다.

그러고 나서 firstTab이라는 하위 클래스에 props로 인자를 전달해주려고 하는데 선언문 형태가 아니라 어떻게 전달할 수 있을지 궁금합니다!

react-native react es6

답변 1

0

Wintho

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

306

1

환경변수 및 SOURCE관련 질문

0

285

1

글로벌로 설치한다는 게 무슨 말인가요? (-g)

0

310

1

VIsual studio code 에서 react-native run-android 실행시 오류

0

838

2

리액트 네이티브에서 안드로이드 실행

0

556

1

vscode

0

402

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

201

0

진행중 막혀서 질문드립니다

0

373

0

drawer 파트

0

281

0

node.js 설치 오류

0

432

0

vs code 터미널에서의 command not found

0

1556

1

node js 10.15.1 설치가 안됩니다

0

302

0

Unable to boot device in current state: Booted 오류 발생하는경우

1

3181

0

adb 커맨드

1

524

1

Slider만 설치하면 애러가 납니다.

0

308

1

bounces 와 버튼 backgroundColor은 안드로이드에서 적용이 안되는건가요?

0

216

0

오류확인 부탁드립니다.

0

307

0

안드로이드 시뮬 작동 중 오류가 납니다.

0

232

0