Tengo una matriz con varios objetos. Dentro de cada objeto tengo un campo llamado tipo que puede ser a o b. Estoy tratando de renderizar condicionalmente una vista específica para el tipo a y una vista específica para el tipo b.

Aquí está mi matriz:

 DATA=[ {id:1, type:'a'},{id:2,type:'b'} ] return( {DATA.type === 'a' ? <Text>I am type A</Text> : <Text>I am Type B </Text> } )

Cuando hago eso, no aparece nada en la pantalla.

ACTUALIZAR

 DATA=[ {id:1, type:'a',locked:true}, {id:2,type:'b',locked:false} ] const[isLocked,setIsLocked]=useState(false) return( {isLocked && DATA.map((item) => item.type === 'a')) ? <Text>I am type A</Text> : null} )

todavía no funciona. Soy tipo A y todavía aparece en todas las páginas de mi carrusel.