import React from 'react';
import { View, Text } from 'react-native';
// Name component
function Name() {
// Define the list of students
const students = [
{ name: 'Ali Khan', isPresent: true },
{ name: 'Noman', isPresent: true },
{ name: 'Faisal', isPresent: false },
{ name: 'Javed', isPresent: false },
];
return (
<Attendance students={students} />
);
}
// Attendance component
function Attendance({ students }) {
return (
<View>
{students.map((student, index) => (
<Text key={index}>
{student.name} {student.isPresent ? 'Present' : 'Absent'}
</Text>
))}
</View>
);
}
export default function App() {
return (
<View>
<Name />
</View>
);
}
|