React Native: почему ссылка на компонент не определена?

У меня есть следующий код в моем приложении React Native:

<View>
    <ToolBar
        ButtonRightText={"Submit"}
        onRightButtonPress = {(event) => {
            const form = this.cForm.wrappedInstance.wrappedInstance;
        }}
    />
    <ComponentForm 
        ref={(connectView) => {
            this.cForm = connectView
        }}
    />
</View>

Это экран, который содержит <Toolbar> вверху и <ComponentForm> под ним. Когда экран загружается, вызывается обратный вызов в <ComponentForm>, а connectView — это объект, как я и ожидал. Однако, когда я нажимаю кнопку Submit в <Toolbar>, он вызывает свой обратный вызов, который указывает, что this.cForm является undefined.

Итак, проблема в том, что this.cForm устанавливается при загрузке экрана, но затем, когда я нажимаю Submit, this.cForm не определено.

Кто-нибудь знает, как я могу подойти к отладке этого?


person gkeenley    schedule 21.02.2020    source источник
comment
Что такое this на самом деле? Является ли этот фрагмент кода рендерингом компонентов класса?   -  person Jonas Wilms    schedule 21.02.2020
comment
Отвечает ли это на ваш вопрос? this.refs.something возвращает значение undefined   -  person Sterling Archer    schedule 21.02.2020