javascript - 语义 UI React 项目图像作为链接

Question

我正在使用 Item(语义 UI React)，我想将图像设置为链接。但是如何引用链接 URL？

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

如果我将 Item.Image 包装在一个 a 容器中，填充就会变得困惑...

Answer 1

你走对了路，你需要使用 SUIR 的增强，所有非 Item.Image Prop 都将被绕过:

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