Hey I am new to react native, here I am trying to achieve functionality where i can display data "by assigning object value as button", onPress this button should load data related to its object in the table
,
not sure how can i loop to get the classificationAbbreviation passing as a button and get data of its object in table, any solution would be lot helpful, thanks in advance
{ProgramDetailsData.accreditationInfo.map((item, index) => (
<View key={index}>
<Text> <Pressable style={({ pressed }) => [styles.creditAbbr, {backgroundColor: pressed ? "rgba(0, 122, 255, 0.15)" : "white",},]}>{({ pressed }) => (<Text >{pressed ? item.classificationAbbreviation : item.classificationAbbreviation }</Text>)}</Pressable></Text>
</View>
))}
</ScrollView>
</DataTable.Cell>
</DataTable.Row>
<DataTable.Row style={styles.tableHeaderRegular}>
<DataTable.Cell>
{ProgramDetailsData.accreditationInfo.map((item, index) => (
<View key={index}>
<Text style={styles.creditEligibilityInfoHead}>
<Icon name={"ondemand-video"} size={scale(11)} color={COLORS.primary} /> Status{" "}</Text>
<Text style={styles.creditEligibilityInfo}>{item.classificationAbbreviation}</Text>
<Text style={styles.creditEligibilityInfo}>{item.classificationName}</Text>
</View>
))}
</DataTable.Cell>
</DataTable.Row>
</DataTable>
</------here my Json data------/>
{"accreditationInfo": [
{"allCredits": [Array], "classificationAbbreviation": "Ak", "classificationId": 50, "classificationName": "Alaska", "expiration": "08/04/2024", "primaryCredit": [Object], "specialtyCreditList": [Array], "status": "done", "trainingType": "Alashka_Public_ODV_1"},
{"allCredits": [Array], "classificationAbbreviation": "AL", "classificationId": 1, "classificationName": "Alabama", "expiration": "08/04/2024", "primaryCredit": [Object], "specialtyCreditList": [Array], "status": "Accredited", "trainingType": "pending"},
{"allCredits": [Array], "classificationAbbreviation": "AR", "classificationId": 3, "classificationName": "Arkansas", "expiration": "08/04/2024", "primaryCredit": [Object], "specialtyCreditList": [Array], "status": "Accredited", "trainingType": "done"},
{"allCredits": [Array], "classificationAbbreviation": "AZ", "classificationId": 2, "classificationName": "Arizona", "expiration": "08/04/2024", "primaryCredit": [Object], "specialtyCreditList": [Array], "status": "pending", "trainingType": "virtual"},
{"allCredits": [Array], "classificationAbbreviation": "CA", "classificationId": 4, "classificationName": "California", "expiration": "08/04/2024", "primaryCredit": [Object], "specialtyCreditList": [Array], "status": "pending", "trainingType": "Participatory"},]}
expected result: