Checkbox Label mit URL-Link in Semantic UI Reagieren

Question

Semantic UI Reagieren Checkbox kann wie folgt verwendet werden:

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

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

export default TermsOfServiceCheckbox 

Wie stelle ich die Checkbox Etikett, so dass der Text Nutzungsbedingungen ein Link zu a URL?

Answer 1

label prop implementiert die Artikel Stenografie, so können Sie auch dort passieren:

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