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

SQL error code 1064 with creating Laravel foreign keysForeign key constraints: When to use ON UPDATE and ON DELETEDropping column with foreign key Laravel error: General error: 1025 Error on renameLaravel SQL Can't create tableLaravel Migration foreign key errorLaravel php artisan migrate:refresh giving a syntax errorSQLSTATE[42S01]: Base table or view already exists or Base table or view already exists: 1050 Tableerror in migrating laravel file to xampp serverSyntax error or access violation: 1064:syntax to use near 'unsigned not null, modelName varchar(191) not null, title varchar(191) not nLaravel cannot create new table field in mysqlLaravel 5.7:Last migration creates table but is not registered in the migration table

Image
Does a multiclassed wizard start with a spellbook? Minimizing medical costs with HSA Boss has banned cycling to work because he thinks it's unsafe Is there a typical layout to blocking installed for backing in new construction framing? In the Seventh Seal why does Death let the chess game happen? Why has Novell never written its own boot loader? Should I warn my boss I might take sick leave Why is the saxophone not common in classical repertoire? Is it possible to spoof an IP address to an exact number? Motorcyle Chain needs to be cleaned every time you lube it? Bypass with wrong cvv of debit card and getting OTP Do we have a much compact and generalized version of erase–remove idiom? how can i make this execution plan more efficient? Why did moving the mouse cursor cause Windows 95 to run more quickly? What's the big deal about the Nazgûl losing their horses? Has chattel slavery ever been used as a criminal punishment in the USA since the passag...
Read more

용인 삼성생명 블루밍스 목차 통계 역대 감독 선수단 응원단 경기장 같이 보기 외부 링크 둘러보기 메뉴samsungblueminx.comeh선수 명단용인 삼성생명 블루밍스용인 삼성생명 블루밍스ehsamsungblueminx.comeheheheh

Image
수원 삼성생명 비추미광주 신세계 쿨캣수원 삼성생명 비추미안산 신한은행 에스버드안산 신한은행 에스버드안산 신한은행 에스버드춘천 우리은행 한새춘천 우리은행 한새춘천 우리은행 한새춘천 우리은행 한새아산 우리은행 위비아산 우리은행 위비청주 KB 스타즈 한국 여자 농구 연맹 팀1977년 설립...
Read more

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

Image
0123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369...
Read more