Render No Content Text/Placeholder if Array is Empty

[tonydatw]

Is there a way to render an empty text or image showed when Array is empty? Something like, "No images to show" or ListEmptyComponer FlatList props.

[cavasinf]

const data=['url1', 'url2', 'url3', 'url4']

return (
  <>
    {data.length > 0 ? (
      <GridImageView
        data={data}
      />
    ) : (
      <ReactNativeText>No images to show</ReactNativeText>
    )}
  </>
)