超链接语义UI React中的输入标签

时间:2019-02-20 13:52:24

标签: semantic-ui semantic-ui-react

我有一个下面的<Form.Input>,上面有一个标签,我希望用户可以单击该标签,然后将他们带到新标签页中的新网站上

<Form.Input 
    label='Icon (See Semantic Icons for options)' 
    name='icon' value={icon || ''} 
    onChange={this.handleChange} />

我没有任何有关如何实现此目的的文档-可以在语义UI React的属性中嵌入超链接吗?

1 个答案:

答案 0 :(得分:1)

您可以将元素传递给标签prop,因此您可以执行以下操作

<Form.Input 
label={<div>Icon (<a href="www.semantic-options.com">See Semantic Icons for options</a>)</div>} 
name='icon' value={icon || ''} 
onChange={this.handleChange} />