react native - How do I set an identifier that will be visible in Safari's element inspector to easily differentiate Views?

Question

I'm trying to build a web app with React Native.

As I'm learning, I'm doing a lot of trial and error debugging, but I haven't found a way to set a property identifier that will tell me what my View is supposed to be.

I.e. I have

<Image
  source={imageSource}
  testID='imageView'
  customID='imageView'
/>

However, when I inspect this element in Safari, I don't see either testID (which the docs say should be a property I can use for end to end debugging), nor do I see customID, which should be a custom property that is visible in the inspector.

The View displays as "div" with a ton of what looks like auto generated gibberish in properties like className that isn't very useful to me, because it's all generated based on style and layout props.

question from:https://stackoverflow.com/questions/65832912/how-do-i-set-an-identifier-that-will-be-visible-in-safaris-element-inspector-to

Answer 1

Waitting for answers