语义UI将项目图像作为链接进行反应

时间:2017-04-14 13:41:53

标签: javascript reactjs semantic-ui semantic-ui-react

我正在使用 Item (Semantic UI React),我想将图像设置为链接。但是如何引用链接URL?

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

如果我将Item.Image包裹在a - 容器中,则填充变得混乱......

1 个答案:

答案 0 :(得分:3)

你正确的方式,你需要使用SUIR的增强,所有非Item.Image道具将被绕过:

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