iOSやAndroid開発でのエラー解決法や便利tipsのメモ
React – jsxでコメント
0 Comments
Posted by Kuro on 2015/07/20
JSX内でコメントアウトする方法を調べました。
“{/*”と”*/}”で囲んであげるとコメントアウトできました。
{/* this is a comment */}
JSX内コメントアウトのサンプルコード
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<div className="row"> <div className="small-12 medium-2 columns"> <label htmlFor="familyName" className="inline small-text-center medium-text-right">氏名</label> </div> <div className="small-12 medium-5 columns"> <input name="familyName" type="text" id="familyName" placeholder="氏" valueLink={this.linkState('lastName')} /> </div> <div className="small-12 medium-5 columns"> <input name="firstName" type="text" id="firstName" placeholder="名" valueLink={this.linkState('firstName')} /> </div> </div> {/* ここからコメント <div className="row"> <div className="small-12 medium-2 columns"> <label htmlFor="familyNameKana" className="inline small-text-center medium-text-right">カナ</label> </div> <div className="small-12 medium-5 columns"> <input name="familyNameKana" type="text" id="familyNameKana" placeholder="シ" valueLink={this.linkState('lastNameKana')} /> </div> <div className="small-12 medium-5 columns"> <input name="firstNameKana" type="text" id="firstNameKana" placeholder="メイ" valueLink={this.linkState('firstNameKana')} /> </div> </div> ここまでコメント*/} <div className="row"> <div className="small-12 medium-2 columns"> <label htmlFor="tel" className="inline small-text-center medium-text-right">電話番号</label> </div> <div className="small-12 medium-10 columns"> <input name="tel" type="tel" id="tel" placeholder="000-0000-0000" valueLink={this.linkState('phoneNumber')} /> </div> </div> |
スポンサードリンク
Filed under Programming, React
0 Comments
You can be the first to comment!