如何显示卡与不同的项目时,键通过导航器在React Native

f2uvfpb9  于 2022-11-30  发布在  React
关注(0)|答案(1)|浏览(141)

当通过radio.js的导航器将项目传递到下一个屏幕时,另一个屏幕attendence.js卡在卡中多次显示具有相同ID的所有项目详细信息(当在attendancjs中调用C#API时)。
我想在attendance.js中调用API时显示卡片中的不同项目。

Radio.Js

onRadioBtnClick = () => {

     data.map((item) => 
    {
      if(item.attendanceType==checked)
    { 
      // if (index < item) {
      //   console.log(item)
      //   return item;
      // }
      // for(i=0;i<item.length;i++)
      // {
      //   elements=item[i]
        console.log({item})
      // }
         
        navigation.navigate('attendance',{item})
     
        
      
    } }
    );

enter image description here
考勤. js返回(

<ScrollView>

  {

  // {`${post.attendanceTime}`+ `${post.attendanceType}`}

  // console.log(item)

  data.map(() => (

   

  <View style={styles.view} >

    <Card style={styles.cardWrapper} >

      <View style={styles.card}>

        <Text style={styles.title}>Key:{item.id} {'\n'} 

         Latitude:{item.latitude} {'\n'} Longitude:{item.longitude}{'\n'}

          Attentance Time:{item.attendanceTime} {'\n'} 

          Attentance:{`${item.attendanceType}`}{item.attendanceType=="i"? (<Image style={styles.icon} source={require('../assests/checked.png')} /> ):(<Image style={styles.icon} source={require('../assests/delete.png')} />)}

          {'\n'}

          Employee Name: {item.userInfo.displayName} 

          </Text>

      </View>

    </Card>

  </View>

  ))
5t7ly7z5

5t7ly7z51#

您正在从Radio.js传递对象navigation.navigate('attendance',{item}),在Attendance.js中,您在data数组中迭代,并仅显示item(一个对象)到数据长度。因此,它将获取数据长度并显示从Radio.js传递的一个项

相关问题