Quiz

Eine Quizkomponente, die eine Folge von Fragekomponenten anzeigt.

Optionen

• confidence | boolean: ob eine Likert-Skala angezeigt werden soll, die nach dem Vertrauen in die Antwort des Benutzers fragt. Default: false.
• forceConfidence | boolean: steuert, ob ein Benutzer eine Vertrauensstufe angeben muss, bevor er zur nächsten Frage übergehen kann. Default: false.
• count | number: Anzahl der Fragen, die in das Quiz aufgenommen werden sollen. Default: none.
• questions | array (required): Array von Fragen, aus dem die Fragen zufällig ausgewählt werden. Default: none.
• active | boolean: steuert, ob der Timer für das Quiz aktiv ist. Default: true.
• duration | number: Dauer des Quiz (in Minuten); wenn die Zeit abgelaufen ist, wird die Zusammenfassungsseite angezeigt. Default: none.
• skippable | boolean: steuert, ob Fragen im Quiz übersprungen werden können. Default: true.
• footerNodes | array: Array von Knoten, die in der Fußzeile jeder Frage angezeigt werden sollen. Default: [].
• nextLabel | string: Beschriftung der Schaltfläche zum Weiterschalten zur nächsten Frage. Default: none.
• provideFeedback | boolean: steuert, ob den Schülern nach Abschluss des Quiz eine Rückmeldung über die Korrektheit ihrer Antworten angezeigt werden soll. Default: true.
• showFinishButton | boolean: steuert, ob die Schaltfläche zum Beenden des Quiz und zum direkten Springen zur Ergebnisseite angezeigt werden soll. Default: false.
• finishLabel | string: Beschriftung der Schaltfläche zum Beenden des Quiz. Default: none.
• downloadButton | boolean: steuert, ob eine Schaltfläche zum Herunterladen der Antworten angezeigt werden soll. Default: true.
• repeatable | boolean: steuert, ob das Quiz wiederholt werden kann. Default: false.
• onFinished | function: Callback, der aufgerufen wird, wenn das Quiz beendet ist und die Ergebnisseite angezeigt wird. Default: onFinished() {}.
• onSubmit | function: Callback, der aufgerufen wird, wenn der Benutzer eine Antwort sendet. Default: onSubmit() {}.

Beispiele

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

Live-Editor

<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" 
        />
    ]}
/>

Ergebnis

ReferenceError: Provider is not defined