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

Question

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

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

我没有看到任何关于如何实现这一点的文档 - 是否可以在语义 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} />

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

Hyperlink an Input Label in Semantic UI React

semantic-ui

semantic-ui-react