Pass state variable to sectionList as data feedTouchableHighlight in the rows of a SectionList/Flatlist not clickable while scrollingSectionList get section index in renderSectionHeaderSectionList & TypescriptReact Native SectionList replace data keySome items do not display in SectionList until scroll triggerWhen SectionList/Flatlist is scrolling/rendering items UI thread seems blocked (React Native)How to give a SectionList a flexDirection of 'row' in React NativeHow to shrink SectionList sections in React Native?SectionLIst UI thread bloackedScrolling to offset for SectionList in ReactNative

What secular civic space would pioneers build for small frontier towns?

Does the app TikTok violate trademark?

Delete n lines skip 1 line script

Beyond Futuristic Technology for an Alien Warship?

What would influence an alien race to map their planet in a way other than the traditional map of the Earth

An Indian man retires to become a hermit

How deep is the liquid in a half-full hemisphere?

Fix Ethernet 10/100 PoE cable with 7 out of 8 wires alive

When did Unix stop storing passwords in clear text?

Is a Middle Name a Given Name?

What should I consider when deciding whether to delay an exam?

How can I find Marin?

Read-once memory

How to realistically describe pain?

A famous scholar sent me an unpublished draft of hers. Then she died. I think her work should be published. What should I do?

How to prevent pickpocketing in busy bars?

is there a relationship between prime numbers and music?

Calculate the Ultraradical

Notebook with version-dependent cells

What can Thomas Cook customers who have not yet departed do now it has stopped operating?

What in my code changed between MacTeX 2017 and MacTex 2019?

How do my husband and I get over our fear of having another difficult baby?

Kinematic formula for Euler characteristic

Why aren't faces sharp in my f/1.8 portraits even though I'm carefully using center-point autofocus?



Pass state variable to sectionList as data feed


TouchableHighlight in the rows of a SectionList/Flatlist not clickable while scrollingSectionList get section index in renderSectionHeaderSectionList & TypescriptReact Native SectionList replace data keySome items do not display in SectionList until scroll triggerWhen SectionList/Flatlist is scrolling/rendering items UI thread seems blocked (React Native)How to give a SectionList a flexDirection of 'row' in React NativeHow to shrink SectionList sections in React Native?SectionLIst UI thread bloackedScrolling to offset for SectionList in ReactNative






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















Here is the sectionlists data array stored in this.state.activeEvents for react native app:



 [ title: '2019-04-10',
 data:
 [ id: 2,
 name: 'test event2',
 event_info: end_datetime: '2019-04-10' ,
 current_step: 'step2',
 customer_id: 1,
 access_list: null,
 event_snapshot: null,
 event_category_id: null,
 status: 'active',
 last_updated_by_id: null,
 createdAt: '2019-03-22T07:00:00.000Z',
 updatedAt: '2019-03-22T07:00:00.000Z' ] ,
 title: '2019-04-12',
 data:
 [ id: 1,
 name: 'test event1',
 event_info: end_datetime: '2019-04-12' ,
 current_step: 'step1',
 customer_id: 1,
 access_list: null,
 event_snapshot: null,
 event_category_id: null,
 status: 'active',
 last_updated_by_id: null,
 createdAt: '2019-03-24T07:00:00.000Z',
 updatedAt: '2019-03-24T07:00:00.000Z' ] ]


Here is the render():



return (
 <View style=styles.container>
 <SectionList
 sections=this.state.activeEvents
 renderItem=(item, index, section) => <Text style=styles.item key=item.data.id>item.name</Text>
 renderSectionHeader=(section) => <Text style=styles.sectionHeader>section.title</Text>
 keyExtractor=(item, index) => index
 />
 </View>
 );


The render has the error:



03-28 11:54:39.539 11934 11999 E ReactNativeJS: TypeError: TypeError: undefined is not an object (evaluating 'section.data.length')
-28 11:54:39.539 11934 11999 E ReactNativeJS: This error is located at:
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in VirtualizedSectionList (at SectionList.js:332)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in SectionList (at Event.js:108)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at Event.js:107)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Event (created by SceneView)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in SceneView (at StackViewLayout.js:784)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at StackViewLayout.js:783)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at StackViewLayout.js:782)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at createAnimatedComponent.js:151)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AnimatedComponent (at StackViewCard.js:69)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at createAnimatedComponent.js:151)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AnimatedComponent (at screens.native.js:59)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Screen (at StackViewCard.js:57)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Card (at createPointerEventsContainer.js:27)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Container (at StackViewLayout.js:860)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at screens.native.js:83)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in ScreenContainer (at StackViewLayout.js:311)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at createAnimatedComponent.js:151)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AnimatedComponent (at StackViewLayout.js:307)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in PanGestureHandler (at StackViewLayout.js:300)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in StackViewLayout (at withOrientation.js:30)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in withOrientation (at StackView.js:79)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at Transitioner.js:214)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Transitioner (at StackView.js:22)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in StackView (created by Navigator)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Navigator (at createKeyboardAwareNavigator.js:12)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in KeyboardAwareNavigator (at createAppContainer.js:388)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in NavigationContainer (at renderApplication.js:35)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:98)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:115)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AppContainer (at renderApplication.js:34)
03-28 11:54:39.539 11934 11999 E ReactNativeJS:
03-28 11:54:39.539 11934 11999 E ReactNativeJS: This error is located at:
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in NavigationContainer (at renderApplication.js:35)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:98)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:115)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AppContainer (at renderApplication.js:34)


The problem must be with this line but I am not able to tell where it is: 



renderItem=(item, index, section) => <Text style=styles.item key=item.data.id>item.name</Text>





react-native-flatlist react-native-sectionlist







share|improve this question


























  • renderItem=(item, section) => <Text style=styles.item key=item.id>item.name</Text> Here is the renderitem which works.

    – user938363
    Mar 29 at 5:14


















0















Here is the sectionlists data array stored in this.state.activeEvents for react native app:



 [ title: '2019-04-10',
 data:
 [ id: 2,
 name: 'test event2',
 event_info: end_datetime: '2019-04-10' ,
 current_step: 'step2',
 customer_id: 1,
 access_list: null,
 event_snapshot: null,
 event_category_id: null,
 status: 'active',
 last_updated_by_id: null,
 createdAt: '2019-03-22T07:00:00.000Z',
 updatedAt: '2019-03-22T07:00:00.000Z' ] ,
 title: '2019-04-12',
 data:
 [ id: 1,
 name: 'test event1',
 event_info: end_datetime: '2019-04-12' ,
 current_step: 'step1',
 customer_id: 1,
 access_list: null,
 event_snapshot: null,
 event_category_id: null,
 status: 'active',
 last_updated_by_id: null,
 createdAt: '2019-03-24T07:00:00.000Z',
 updatedAt: '2019-03-24T07:00:00.000Z' ] ]


Here is the render():



return (
 <View style=styles.container>
 <SectionList
 sections=this.state.activeEvents
 renderItem=(item, index, section) => <Text style=styles.item key=item.data.id>item.name</Text>
 renderSectionHeader=(section) => <Text style=styles.sectionHeader>section.title</Text>
 keyExtractor=(item, index) => index
 />
 </View>
 );


The render has the error:



03-28 11:54:39.539 11934 11999 E ReactNativeJS: TypeError: TypeError: undefined is not an object (evaluating 'section.data.length')
-28 11:54:39.539 11934 11999 E ReactNativeJS: This error is located at:
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in VirtualizedSectionList (at SectionList.js:332)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in SectionList (at Event.js:108)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at Event.js:107)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Event (created by SceneView)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in SceneView (at StackViewLayout.js:784)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at StackViewLayout.js:783)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at StackViewLayout.js:782)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at createAnimatedComponent.js:151)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AnimatedComponent (at StackViewCard.js:69)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at createAnimatedComponent.js:151)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AnimatedComponent (at screens.native.js:59)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Screen (at StackViewCard.js:57)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Card (at createPointerEventsContainer.js:27)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Container (at StackViewLayout.js:860)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at screens.native.js:83)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in ScreenContainer (at StackViewLayout.js:311)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at createAnimatedComponent.js:151)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AnimatedComponent (at StackViewLayout.js:307)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in PanGestureHandler (at StackViewLayout.js:300)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in StackViewLayout (at withOrientation.js:30)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in withOrientation (at StackView.js:79)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at Transitioner.js:214)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Transitioner (at StackView.js:22)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in StackView (created by Navigator)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Navigator (at createKeyboardAwareNavigator.js:12)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in KeyboardAwareNavigator (at createAppContainer.js:388)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in NavigationContainer (at renderApplication.js:35)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:98)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:115)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AppContainer (at renderApplication.js:34)
03-28 11:54:39.539 11934 11999 E ReactNativeJS:
03-28 11:54:39.539 11934 11999 E ReactNativeJS: This error is located at:
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in NavigationContainer (at renderApplication.js:35)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:98)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:115)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AppContainer (at renderApplication.js:34)


The problem must be with this line but I am not able to tell where it is: 



renderItem=(item, index, section) => <Text style=styles.item key=item.data.id>item.name</Text>





react-native-flatlist react-native-sectionlist







share|improve this question


























  • renderItem=(item, section) => <Text style=styles.item key=item.id>item.name</Text> Here is the renderitem which works.

    – user938363
    Mar 29 at 5:14














0












0








0








Here is the sectionlists data array stored in this.state.activeEvents for react native app:



 [ title: '2019-04-10',
 data:
 [ id: 2,
 name: 'test event2',
 event_info: end_datetime: '2019-04-10' ,
 current_step: 'step2',
 customer_id: 1,
 access_list: null,
 event_snapshot: null,
 event_category_id: null,
 status: 'active',
 last_updated_by_id: null,
 createdAt: '2019-03-22T07:00:00.000Z',
 updatedAt: '2019-03-22T07:00:00.000Z' ] ,
 title: '2019-04-12',
 data:
 [ id: 1,
 name: 'test event1',
 event_info: end_datetime: '2019-04-12' ,
 current_step: 'step1',
 customer_id: 1,
 access_list: null,
 event_snapshot: null,
 event_category_id: null,
 status: 'active',
 last_updated_by_id: null,
 createdAt: '2019-03-24T07:00:00.000Z',
 updatedAt: '2019-03-24T07:00:00.000Z' ] ]


Here is the render():



return (
 <View style=styles.container>
 <SectionList
 sections=this.state.activeEvents
 renderItem=(item, index, section) => <Text style=styles.item key=item.data.id>item.name</Text>
 renderSectionHeader=(section) => <Text style=styles.sectionHeader>section.title</Text>
 keyExtractor=(item, index) => index
 />
 </View>
 );


The render has the error:



03-28 11:54:39.539 11934 11999 E ReactNativeJS: TypeError: TypeError: undefined is not an object (evaluating 'section.data.length')
-28 11:54:39.539 11934 11999 E ReactNativeJS: This error is located at:
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in VirtualizedSectionList (at SectionList.js:332)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in SectionList (at Event.js:108)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at Event.js:107)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Event (created by SceneView)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in SceneView (at StackViewLayout.js:784)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at StackViewLayout.js:783)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at StackViewLayout.js:782)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at createAnimatedComponent.js:151)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AnimatedComponent (at StackViewCard.js:69)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at createAnimatedComponent.js:151)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AnimatedComponent (at screens.native.js:59)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Screen (at StackViewCard.js:57)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Card (at createPointerEventsContainer.js:27)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Container (at StackViewLayout.js:860)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at screens.native.js:83)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in ScreenContainer (at StackViewLayout.js:311)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at createAnimatedComponent.js:151)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AnimatedComponent (at StackViewLayout.js:307)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in PanGestureHandler (at StackViewLayout.js:300)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in StackViewLayout (at withOrientation.js:30)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in withOrientation (at StackView.js:79)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at Transitioner.js:214)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Transitioner (at StackView.js:22)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in StackView (created by Navigator)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Navigator (at createKeyboardAwareNavigator.js:12)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in KeyboardAwareNavigator (at createAppContainer.js:388)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in NavigationContainer (at renderApplication.js:35)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:98)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:115)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AppContainer (at renderApplication.js:34)
03-28 11:54:39.539 11934 11999 E ReactNativeJS:
03-28 11:54:39.539 11934 11999 E ReactNativeJS: This error is located at:
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in NavigationContainer (at renderApplication.js:35)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:98)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:115)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AppContainer (at renderApplication.js:34)


The problem must be with this line but I am not able to tell where it is: 



renderItem=(item, index, section) => <Text style=styles.item key=item.data.id>item.name</Text>





react-native-flatlist react-native-sectionlist







share|improve this question
















Here is the sectionlists data array stored in this.state.activeEvents for react native app:



 [ title: '2019-04-10',
 data:
 [ id: 2,
 name: 'test event2',
 event_info: end_datetime: '2019-04-10' ,
 current_step: 'step2',
 customer_id: 1,
 access_list: null,
 event_snapshot: null,
 event_category_id: null,
 status: 'active',
 last_updated_by_id: null,
 createdAt: '2019-03-22T07:00:00.000Z',
 updatedAt: '2019-03-22T07:00:00.000Z' ] ,
 title: '2019-04-12',
 data:
 [ id: 1,
 name: 'test event1',
 event_info: end_datetime: '2019-04-12' ,
 current_step: 'step1',
 customer_id: 1,
 access_list: null,
 event_snapshot: null,
 event_category_id: null,
 status: 'active',
 last_updated_by_id: null,
 createdAt: '2019-03-24T07:00:00.000Z',
 updatedAt: '2019-03-24T07:00:00.000Z' ] ]


Here is the render():



return (
 <View style=styles.container>
 <SectionList
 sections=this.state.activeEvents
 renderItem=(item, index, section) => <Text style=styles.item key=item.data.id>item.name</Text>
 renderSectionHeader=(section) => <Text style=styles.sectionHeader>section.title</Text>
 keyExtractor=(item, index) => index
 />
 </View>
 );


The render has the error:



03-28 11:54:39.539 11934 11999 E ReactNativeJS: TypeError: TypeError: undefined is not an object (evaluating 'section.data.length')
-28 11:54:39.539 11934 11999 E ReactNativeJS: This error is located at:
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in VirtualizedSectionList (at SectionList.js:332)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in SectionList (at Event.js:108)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at Event.js:107)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Event (created by SceneView)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in SceneView (at StackViewLayout.js:784)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at StackViewLayout.js:783)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at StackViewLayout.js:782)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at createAnimatedComponent.js:151)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AnimatedComponent (at StackViewCard.js:69)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at createAnimatedComponent.js:151)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AnimatedComponent (at screens.native.js:59)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Screen (at StackViewCard.js:57)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Card (at createPointerEventsContainer.js:27)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Container (at StackViewLayout.js:860)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at screens.native.js:83)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in ScreenContainer (at StackViewLayout.js:311)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at createAnimatedComponent.js:151)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AnimatedComponent (at StackViewLayout.js:307)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in PanGestureHandler (at StackViewLayout.js:300)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in StackViewLayout (at withOrientation.js:30)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in withOrientation (at StackView.js:79)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at Transitioner.js:214)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Transitioner (at StackView.js:22)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in StackView (created by Navigator)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in Navigator (at createKeyboardAwareNavigator.js:12)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in KeyboardAwareNavigator (at createAppContainer.js:388)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in NavigationContainer (at renderApplication.js:35)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:98)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:115)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AppContainer (at renderApplication.js:34)
03-28 11:54:39.539 11934 11999 E ReactNativeJS:
03-28 11:54:39.539 11934 11999 E ReactNativeJS: This error is located at:
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in NavigationContainer (at renderApplication.js:35)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:98)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in RCTView (at View.js:45)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in View (at AppContainer.js:115)
03-28 11:54:39.539 11934 11999 E ReactNativeJS: in AppContainer (at renderApplication.js:34)


The problem must be with this line but I am not able to tell where it is: 



renderItem=(item, index, section) => <Text style=styles.item key=item.data.id>item.name</Text>





react-native-flatlist react-native-sectionlist




react-native-flatlist react-native-sectionlist






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Mar 28 at 23:09







user938363

















asked Mar 28 at 19:04









user938363user938363

2,57918 gold badges74 silver badges158 bronze badges




2,57918 gold badges74 silver badges158 bronze badges















  • renderItem=(item, section) => <Text style=styles.item key=item.id>item.name</Text> Here is the renderitem which works.

    – user938363
    Mar 29 at 5:14


















  • renderItem=(item, section) => <Text style=styles.item key=item.id>item.name</Text> Here is the renderitem which works.

    – user938363
    Mar 29 at 5:14

















renderItem=(item, section) => <Text style=styles.item key=item.id>item.name</Text> Here is the renderitem which works.

– user938363
Mar 29 at 5:14






renderItem=(item, section) => <Text style=styles.item key=item.id>item.name</Text> Here is the renderitem which works.

– user938363
Mar 29 at 5:14













0






active

oldest

votes














Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/4.0/"u003ecc by-sa 4.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);














draft saved

draft discarded
















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55405116%2fpass-state-variable-to-sectionlist-as-data-feed%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes
















draft saved

draft discarded















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid …


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55405116%2fpass-state-variable-to-sectionlist-as-data-feed%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







-

Popular posts from this blog

Obelisk of Theodosius Contents History Description Notes Bibliography Further reading External links Navigation menuAge of spirituality : late antique and early Christian art, third to seventh centuryOver 60 picturesObelisks of the World41°00′21.24″N 28°58′31.43″E / 41.0059000°N 28.9753972°E / 41.0059000; 28.97539727724550-7235741376235741376

Image
Obelisks in IstanbulAncient Egyptian obelisksRelocated ancient Egyptian monumentsLatin inscriptionsByzantine Greek inscriptionsVictory monumentsHippodrome of Constantinople4th-century Roman sculptures15th-century BC stelesThutmose III TurkishAncient EgyptianobeliskPharaohThutmose IIIHippodromeConstantinopleIstanbulTurkeyRoman emperorTheodosius I18th dynastyThutmose IIIpylontemple of KarnakConstantius IIriver NileAlexandriaCircus MaximusRomeLateran ObeliskTheodosius IAswanLateran Obeliskvictory over the MitanniCorinthianwater organCtesibiusporphyryhexameterselegiaccoupletsByzantine Greek Obelisk of Theodosius From Wikipedia, the free encyclopedia Jump to navigation Jump to search The obelisk of Theodosius I in Istanbul. The Obelisk of Theodosius (Turkish: Dikilitaş ) is the Ancient Egyptian obelisk of Pharaoh Thutmose III re-erected in the Hippodrome of Constantinople (known today as At Meydanı or Sultanahmet Meydanı , in the modern...
Read more

밀양 대씨 역사 각주 함께 보기 둘러보기 메뉴밀양 대씨

Image
대씨밀양 대씨발해의 왕족발해 한국의 성씨발해대중상고구려대조영고구려발해발해요(遼)나라대광현대인선 밀양 대씨 위키백과, 우리 모두의 백과사전. 둘러보기로 가기 검색하러 가기 밀양 대씨(密陽 大氏) 관향 경상남도 밀양시 시조 대조영(大祚榮) 주요 중시조 대덕세 (大德歲) 인구 (2000...
Read more

1973년 목차 사건 문화 탄생 사망 노벨상 달력 둘러보기 메뉴

Image
1973년 월요일로 시작하는 평년 1973년 위키백과, 우리 모두의 백과사전. 둘러보기로 가기 검색하러 가기 해 1970년 1971년 1972년 - 1973년 - 1974년 1975년 1976년 연대 1950년대 1960년대 - 1970년대 - 1980년대 1990년대 세기 18세기 19세기 - 20세기 - 21세기 22세기 서기 1973년의 다른 기년법 간지 임자년~계축년 단기 4306년 그레고리력 1973년 MCMLXXIII 불기 2517년 이...
Read more