Semantic UI React item image as link

Question

I am using Item (Semantic UI React) and I would like to set the image as a link. But how do I reference the link URL?

<Item>
    <Item.Image src={this.props.fileUrl} size='tiny' as='a' />
    <Item.Content>
    </Item.Content>
</Item>

If I wrap Item.Image in a a-container, the padding gets messed up...

Answer 1

You're on right way, you need to use the SUIR's augmentation, all non Item.Image props will be by-passed:

<Item.Image
  as='a'
  href='http://example.com'
  src={this.props.fileUrl}
  size='tiny'
/>