Реагируйте на собственный, передавая навигацию компоненту Flatlist без сохранения состояния

Question

В настоящее время у меня есть:

return(
  <View style={{flex: 1, paddingTop:20}}>
    <FlatList
      data={this.state.dataSource}
      renderItem={(data) => <EventCard eventinfo = {data.item} navigation= 
           {this.props.navigation}/>}
      keyExtractor={(item) => item.eventname}
    />

и

const EventCard = ({eventinfo, navigation}) => {
return (
    <TouchableOpacity style={{backgroundColor: 'transparent'}} onPress= {() 
     => navigation.navigate('CurrRes')}>

Я не понимаю, почему навигация не может быть оценена в моей карте событий, а навигация не работает.Любая помощь будет оценена.

(да, навигация импортируется в первый файл, и проект запускается, но завершается сбоем при нажатии одного из элементов плоского списка)

Полученная ошибка:

undefined is not an object (evaluating 'navigation.navigate')

Answer 1

Неважно, мне пришлось экспортировать фактический список с навигацией, чтобы каждый из его вложенных компонентов без состояния мог перемещаться.Извините!

Answer 2

Вот пример, который я нашел, чтобы объяснить это лучше.Вы должны получить доступ к реквизиту иначе, чем просто обычная функция с деконструкцией.

const Child = (props) => {
return (
  <div style={{backgroundColor: props.eyeColor}} />
 )
}

https://medium.com/@PhilipAndrews/react-how-to-access-props-in-a-functional-component-6bd4200b9e0b