console.log params but defined

user_18308923 0
Viewed 69
export const Data = [
    {
    id:'adkdkdkdk',
    title:'first',
  },
  {
    id:'mvmvmvvm',
    title:'second',
  },
  {
    id:'newoq',
    title:'third',
  },
  {
      id:'dnkdlnsdl',
      title:'four'
  }
  ]

this is data

const University = () => {
  const navigation = useNavigation();
  return (
    <Container>
      <FlatList horizontal data={Data} renderItem={({item})=> (
        <TextContainer onPress={()=> navigation.navigate('Stack',{screen:'Information',params:{item}})}>
        <Texts>{item.title}</Texts>
        <Texts>{item.id}</Texts>
      </TextContainer>
      )} keyExtractor={key=>key.id}/>
    </Container>
  )
}

and this is code

I want to send params to Information screen, so I used navigation and send params but params is 'undefined' when console.log... what is problem?

react-native javascript
1 Answers

here is a working code:

     const data = [ 
     {
    id:'adkdkdkdk',
    title:'first',
  },
  {
    id:'mvmvmvvm',
    title:'second',
  },
  {
    id:'newoq',
    title:'third',
  },
  {
      id:'dnkdlnsdl',
      title:'four'
  }
  ];

  return (
    <View style={styles.container}>
     <FlatList      
                data={data}
                keyExtractor={item => item.id}
                renderItem={({ item }) => (
                  <>
                    <Text>{item.id}</Text>
                    <Text>{item.title}</Text>
                    </>
                )}
            />
    </View>
  );
}
user_163919310
Related