semantic-ui - 在语义 UI React 中超链接输入标签

Question

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

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

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

标签： semantic-uisemantic-ui-react

Answer 1

您可以将元素传递给 label 道具，因此您可以执行以下操作

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