問題 27 / 80

JSXとコンポーネント - React

約3分

Reactでボタンがクリックされた時に処理を実行するために使用するプロパティは何ですか？

中級
JSXとコンポーネント
React

問題

答えを考えてから、正解と解説を確認してください

正解

onClick

解説

詳しく学ぶ
このトピックの他の問題を見るランダム練習を始める

前の問題

以下のコードの実行結果として正しいものはどれですか？ ```jsx const Price = ({ amount, currency = '円', tax = 0.1 }) => { const totalAmount = amount * (1 + tax) return <span>{totalAmount.toFixed(0)}{currency}</span> } <Price amount={1000} currency="円" /> ```

次の問題

以下の`Modal`コンポーネントで、`children`と通常のpropsを組み合わせる利点は何ですか？ ```jsx const Modal = ({ isOpen, title, onClose, children }) => { if (!isOpen) return null return ( <div className="modal"> <div className="modal-header"> <h2>{title}</h2> <button onClick={onClose}>×</button> </div> <div className="modal-body"> {children} </div> </div> ) } ```

react icon

学習を続ける

JSXとコンポーネント 問題一覧React コースすべてのコース

💡 効果的な学習方法

  • •解説をしっかり読んで、なぜその答えが正解なのかを理解しましょう
  • •間違えた問題は時間をおいて再度チャレンジしてみましょう
  • •関連する問題を解いて知識の幅を広げましょう
react icon

JSXとコンポーネント の関連問題

関連問題 1

`preventDefault()`メソッドの主な用途は何ですか？

約3分

問題を見る
関連問題 2

以下のApp.jsx で複数のコンポーネントを組み合わせる際の正しい記述はどれですか？

約3分

問題を見る
関連問題 3

配列をJSXで表示する際に使用するメソッドは何ですか？

約3分

問題を見る
JSXとコンポーネント の全問題を見る