2017-08-31 11 views
0

セマンティックUIに反応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?あなたもそこに渡すことができるように

答えて

0

label小道具は、アイテムの速記を実装しています:

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

それだけ '

+0

はい、チェックボックスでマークアップに 'label'が必要であることを忘れました。私はコードと更新された答えをチェックしました。ありがとう –

関連する問題