Quiz

一連の問題コンポーネントを表示するクイズコンポーネント。

オプション

• confidence | boolean: ユーザーの答えの信頼度を尋ねるリッカート尺度を表示するかどうか. Default: false.
• forceConfidence | boolean: は、次の質問に移る前に信頼度を提供するかどうかを制御します。. Default: false.
• count | number: 問題数. Default: none.
• questions | array (required): 問題配列. Default: none.
• active | boolean: クイズのタイマーが有効かどうかを制御します。. Default: true.
• duration | number: 小テストの時間 (分単位)；時間が経過すると、サマリーページが表示されます。. Default: none.
• skippable | boolean: 小テストの問題をスキップするかどうかを制御します。. Default: true.
• footerNodes | array: 各質問のフッターに表示されるノードの配列. Default: [].
• nextLabel | string: 次の質問に進むボタンのラベル. Default: none.
• provideFeedback | boolean: 小テスト終了後に解答が正しかったかどうかのフィードバックを学生に表示するかどうかを制御します。. Default: true.
• showFinishButton | boolean: クイズを終了して結果ページに直接ジャンプするボタンを表示するかどうかを制御します。. Default: false.
• finishLabel | string: クイズ終了ボタンのラベル. Default: none.
• downloadButton | boolean: 回答をダウンロードするためのボタンを表示するかどうかを制御します。. Default: true.
• repeatable | boolean: は小テストを繰り返すことができるかどうかをコントロールします。. Default: false.
• onFinished | function: クイズが終了し、結果ページが表示されたときに呼び出されるコールバック. Default: onFinished() {}.
• onSubmit | function: ユーザーが回答を送信するとコールバックが呼び出されます。. Default: onSubmit() {}.

例としては、以下のようなものがあります。

• Minimal
• Subset of Questions
• Not Skippable
• Confidence Check

ライブエディター

<Quiz questions={[ <FreeTextQuestion question="What is the capital of France?" rows={1} solution="Paris" />, <FreeTextQuestion question="What is the capital of Poland?" rows={1} solution="Warsaw" /> ]} />

<Quiz
    questions={[
        <FreeTextQuestion 
            question="What is the capital of France?" 
            rows={1} 
            solution="Paris" 
        />,
        <FreeTextQuestion 
            question="What is the capital of Poland?" 
            rows={1} 
            solution="Warsaw" 
        />
    ]}
/>

結果

ReferenceError: Provider is not defined