React Native - React Apollo - данные не определены

Мне нужно использовать опору данных для обновления в режиме прокрутки в моем компоненте. Так что мне нужно вызвать в data.refetch в моем onRefresh для повторения. Но я получаю сообщение об ошибке undefined.

Код:

class abc extends Component {
    render() {
      return (
        <View>
          <ScrollView
            onRefresh = {this.props.data.refetch} // undefined error
            refreshing = {this.props.data.loading} // undefined erro    
          >
          .....
           </ScrollView>
        </View>
      );
    }
}

export default compose(
 ....,
 graphql(
   MyQuery,{
      .....
   }
 )
)(abc);

Почему моя опора данных не определена?

Нет. Я не использовал имя. Мне нужно только обновить данные. Во всяком случае, я понял это, сопоставив props.data.refetch с опорой в моем контейнере. Спасибо.

— 25.05.2018 19:34

react-native amazon-dynamodb react-apollo apollo-client aws-appsync

25.05.2018 17:58

Умерло ли Create-React-App?

В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.

Освоение React Native: Пошаговое руководство для начинающих

React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...

Ускоренная стилизация компонентов React Native с помощью NativeWind

В чем разница между react native и react ?

React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...

От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React

Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...

Хуки React: что это такое и как их использовать

Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...

162

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Сам разобрался.

class abc extends Component {
    static propTypes = {
      ....
      refetchData: PropTypes.func.isRequired,
      ....
    };

    render() {
      return (
        <ScrollView>
          <RefreshControl
            onRefresh = {this.props.refetchData}
            refreshing = {this.props.refreshing}
          />
        </ScrollView>
      );
    }
}

export default compose(
  graphql(MyQuery, {
    props: props => ({
      refetchData: props.data.refetch,
      refreshing: props.data.networkStatus === 4,
    })
  }),
);

Я сопоставил опору refetch с настраиваемой опорой экрана и вызвал ее из RefreshControl.

25.05.2018 19:42