当通过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>
))
1条答案
按热度按时间5t7ly7z51#
您正在从
Radio.js
传递对象navigation.navigate('attendance',{item})
,在Attendance.js
中,您在data
数组中迭代,并仅显示item
(一个对象)到数据长度。因此,它将获取数据长度并显示从Radio.js
传递的一个项