semantic-ui-react - Semantic UI React 中带有 URL 链接的复选框标签

Question

Semantic UI React Checkbox可以这样使用：

import React from 'react'
import { Checkbox } from 'semantic-ui-react'

const TermsOfServiceCheckbox = () => (
  <Checkbox label='I accept the Terms of Service' />
)

export default TermsOfServiceCheckbox

如何设置复选框标签，以便文本服务条款是指向 URL 的链接？

Answer 1

labelprop 实现了 item 的简写，所以你也可以通过那里：

<Checkbox label={<label><a href='/'>I accept the Terms of Service</a></label>} />
<Checkbox label={<label>I accept the <a href='/'>Terms of Service</a></label>} />
<Checkbox label={{ children: <a href='/'>I accept the Terms of Service</a> }} />