下、二つのソースコードではどちらも、if構文内で元々定義された変数を条件によって変わった値を入れますが
何故、上のコードはその値を"()"で挟んでいないのに、下のコードは挟むのでしょうか?
react
1function NumberDescriber(props) { 2 let description; 3 if (props.number % 2 == 0) { 4 description = <strong>even</strong>; 5 } else { 6 description = <i>odd</i>; 7 } 8 return <div>{props.number} is an {description} number</div>; 9}
react
1import React from 'react'; 2 3class ContactForm extends React.Component { 4 constructor(props) { 5 super(props); 6 this.state = { 7 /* isSubmittedというstateを定義してください */ 8 isSubmitted:false 9 }; 10 } 11 12 render() { 13 /* 空の変数contactFormを定義してください */ 14 let contactForm; 15 16 /* isSubmittedを条件式とするif文を作成してください */ 17 if(this.state.isSubmitted){ 18 contactForm=(<div className='contact-submit-message'> 19 送信完了 20 </div>) 21 }else{ 22 contactForm=(<form> 23 <p>メールアドレス(必須)</p> 24 <input /> 25 <p>お問い合わせ内容(必須)</p> 26 <textarea /> 27 <input 28 type='submit' 29 value='送信' 30 /> 31 </form>) 32 } 33 34 return ( 35 <div className='contact-form'> 36 {/* 以下を削除して、変数contactFormを表示してください */} 37 {contactForm} 38 {/* 削除ここまで */} 39 </div> 40 ); 41 } 42} 43 44export default ContactForm; 45
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。