Access Props inside const in React Native - Javascript

Question

I've created a const like this:

 const DrawerNav =  DrawerNavigator({

    Home:{
        screen:StackNav,
        navigationOptions: {
            drawerLockMode: 'locked-closed'
        }
    },
    MonthlyReport: {
        screen:MonthlyReport
    }

},{
    contentComponent: () => <DrawerContent item={props.item}/>
})

Now I access this using:

  <DrawerNav item={item}/>

But I'm unable to access the props passed inside DrawerNav . How can I access this in:

<DrawerContent item={props.item}/>

Answer 1

You are forgetting to get the prop parameter:

contentComponent: props => (
  <DrawerContent {...props} />
)

Then just pass using a spread opperator