react-materializeのラジオボタンのラベルを付ける方法

Question

を使用して作成されたラジオボタンのラベルに色を付けるには反応materialize入力コンポーネント？

radioButtonsのサンプルコードは次のようなものですか？

<div className="col s2 offset-s3"> 
    <Input className="with-gap" label="List" name="homePageSearchRadio" type="radio" value="group"/> 
</div> 
<div className="col s2"> 
    <Input className="with-gap" label="User" name="homePageSearchRadio" type="radio" value="user"/> 
</div> 
<div className="col s2"> 
    <Input className="with-gap" label="data" name="homePageSearchRadio" type="radio" value="data"/> 
</div> 

スタイルプロパティを追加しようとしましたが、実際にはhtmlのinput要素に追加されています。誰かがここで私を助けることができる？

おかげで、 Sreeraj

Answer 1

あなたはキャメルケースを作成する必要がありますreactjs

https://facebook.github.io/react/docs/dom-elements.htmlでスタイリングのためのclassName このリファレンスにclassnameこのreactmateralize参照 https://react-materialize.github.io/#/forms

<div className="col s2 offset-s3"> 
    <Input className="with-gap" label="List" name="homePageSearchRadio" type="radio" value="group"/> 
</div> 
<div classname="col s2"> 
    <Input className="with-gap" label="User" name="homePageSearchRadio" type="radio" value="user"/> 
</div> 
<div classname="col s2"> 
    <Input className="with-gap" label="data" name="homePageSearchRadio" type="radio" value="data"/> 
</div> 

Answer 2

で用react-materialize設定するオプションはありませんの場合はです。

`className`がないため、` Input`コンポーネントに割り当てされます

<Input labelClassName="radioLabel" className="with-gap" label="List" name="homePageSearchRadio" type="radio" value="group"/>