2017-03-23 21 views
0

RadioGroupのコンポーネントにRadioコンポーネントがあり、最初に「データ」ラベルがチェックされているように設定しようとしています。しかし、私は次のコードを使用する:BlueprintJS RadioGroup/radio with defaultChecked/checked prop

<RadioGroup 
    onChange={(e) => { 
    this.store.setDataFilterSelection(e.target.value) 
    }} 
    > 
    <Radio label='Data' 
    defaultChecked 
    value='1' 
    className='radio-selectors' /> 
    <Radio label='Description' 
    value='2' 
    className='radio-selectors' /> 
    <Radio label='Data Source' 
    value='3' 
    className='radio-selectors' /> 
</RadioGroup> 

私は私のコンソールで次の警告を受け取ります。

Blueprint.Radioには、チェックされたdefaultChecked propsのラジオタイプの入力が含まれています。入力要素は制御されているか、または制御されていないか(チェックされた小道具またはdefaultChecked 小道具のいずれかを指定しますが、両方を指定しないでください)。制御されたまたは制御されていない 入力要素の使用を決定し、これらの小道具の1つを取り外します。詳細情報: 反応制御コンポーネント

私はバリエーションのカップルを試みたし、右のそれを得るように見えることはできませんが、基本的に私はラジオボタンの変化を監視することができるようにしたいが、私

答えて

1

defaultCheckedhttp://blueprintjs.com/docs/#components.forms.radioのみ(これはコアリアクト概念ではなく、設計図のことである)制御されていない使用方法でサポートされてchecked一方のみ制御さでサポートされています:彼らはここでは一例でやったような状態にそれらを結ぶことができませんusage - これは、Reactエラーがあなたに伝えているものです。

RadioGroupを使用している場合、すべてのRadio子供は強制的に制御モードに入り、すべての状態はRadioGroupになります。しかしRadioGroupは現在defaultValue支柱をサポートしていないので、実際にはこれは可能ではありません。私はこれをBlueprintのバグと呼んでいます。レポの

くださいfile an issueと我々はこれを実装するに見て(またはより良い、修​​正してPRを提出!)でしょう

+0

この上で私に戻ってきてくれてありがとう、私のために明らかにその具体的なケースではありませんここで状態を使いたい。私はリファクタリングしてデフォルトを設定するために状態を使うことができると思うが、私の場合をもう一度見直して、それがPRに値すると思うかどうか、あるいは単に状態を使わないでばかげているかどうかを判断する。 – nschwan94

関連する問題