Как сохранить компонент в данных SectionList? - PullRequest
0 голосов
/ 18 июня 2020

Я реорганизую свой код в разные разделы на странице и использую SectionList в React native. Я определил разные разделы в первой функции и назначил ключ данных каждой функции рендеринга, которая выводит каждый компонент (например: заголовок компонента в функции 3RD).

Затем я помещаю все в функцию SectionList функции render () и передаю ей определенные данные раздела. У меня вопрос: когда я распечатываю товар, там ничего нет. Я также распечатываю данные в defineSectionsToDisplay, и ключ данных пуст. Может быть, я неправильно сохранил данные? Спасибо!

defineSectionsToDislay(){
    //here defines 5 sections including header - search, banner, tags, All Trips, Other Trips to render

    const data = [
      {
        title: "Header",
        data: this._renderHeader()
      },
      {
        title: "Banner",
        data: this._renderBanner()
      },
      {
        title: "Tags",
        data: this._renderTags()
      },

    ]
    return data;
  }
render(){
 return(
        <SafeAreaView>
          <SectionList
              // initialNumToRender={}
              // windowSize={}
              // getItemCount={}
              keyExtractor={(item, index) => item + index}
              // maxToRenderPerBatch={}
              // getItem={}
              // updateCellsBatchingPeriod={}

              sections={this.defineSectionsToDislay()}
              renderItem={(item) => console.log('item',item)}
          />
        </SafeAreaView>
    )}
_renderHeader() {
    return (
      <Header
        title={''}
        renderLeft={() => {
          return <Svg.IcBack style={[BaseStyle.back]} />;
        }}
        renderRight={() => {
          return (
            <View style={styles.viewRight}>
              <TouchableOpacity
                onPress={() => {
                  navigation.navigate('SearchDestinationScreen', {
                    callback: this._onSearchDestination,
                    placeHolder: I18n.t('where_to_go'),
                  });
                }}>
                <Svg.IcSearch style={styles.searchIcon} />
              </TouchableOpacity>
            </View>
          );
        }}
        onPressLeft={() => {
          navigation.goBack();
        }}
      />
    );
  }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...