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

Question

我有以下<Form.Input>，它有一个我希望用户能够点击的标签，将它们带到新标签中的新网站

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

我没有看到任何关于如何实现这一目标的文档 - 是否可以在Semantic UI React中的属性中嵌入超链接？

Answer 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} />