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

How to preserve electronics (computers, tablets and phones) for hundreds of years Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) The network's official Twitter account is up and running again. What content…How might modern humans leave a message for 50,000 years?How would an aquatic race develop computers?How do we make computers care for human life?Keeping supplies for 1000 yearsWhat will cell phones become in 100 years?What body armor protects against a laser?Could a society attain 1800s technology if limited to using copper and bronze?Electricity power (magic) and electronicsScavenging metal resources in post-apocalypse after 100 yearsWhy would precursors create devices that can survive and still work after hundreds of years?

Image
Strange behavior of Object.defineProperty() in JavaScript How to save space when writing equations with cases? Which languages to learn for historical linguistics? Amount of permutations on an NxNxN Rubik's Cube The test team as an enemy of development? And how can this be avoided? One-one communication How does Belgium enforce obligatory attendance in elections? I can't produce songs What are the discoveries that have been possible with the rejection of positivism? An adverb for when you're not exaggerating Would it be easier to apply for a UK visa if there is a host family to sponsor for you in going there? What is the meaning of 'breadth' in breadth first search? Why we try to capture variability? What do you call the main part of a joke? Has negative voting ever been officially implemented in elections, or seriously proposed, or even studied? How can I prevent/balance waiting and turtling as a response to cooldown mechanics What...
Read more

155 수학 과학 기타 둘러보기 메뉴eh추가해eh문서를 완성해

Image
0123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369...
Read more

해남서초등학교 학교 연혁 학교 동문 외부 링크 둘러보기 메뉴북위 34° 34′ 21″ 동경 126° 35′ 50″ / 북위 34.5726385° 동경 126.5972670°  / 34.5726385; 126.5972670해남서초등학교eh

Image
강진동초등학교강진북초등학교강진중앙초등학교계산초등학교군동초등학교대구초등학교도암초등학교마량초등학교병영초등학교성전초등학교신전초등학교옴천초등학교작천초등학교칠량초등학교고달초등학교곡성중앙초등학교삼기초등학교석곡초등학교오산초등학교옥과초등학...
Read more