Select Question

Eine ausgewählte Fragekomponente.

Optionen

• question | (string|node): Frage, für die der Kursteilnehmer eine der verfügbaren Antwortmöglichkeiten auswählen muss. Default: ''.
• options | array (required): verfügbare Antwortoptionen, aus denen der Kursteilnehmer wählen kann. Default: none.
• solution | number: Index des Lösungselements in options. Default: none.
• preselected | number: Index der vorgewählten Antwortmöglichkeit. Default: 0.
• inline | boolean: steuert, ob die Komponente inline gerendert wird oder nicht. Default: false.
• hintPlacement | string: Platzierung der Hinweise (entweder top, left, right, oder bottom). Default: 'top'.
• hints | array<(string|node)>: Hinweise, die bei der Beantwortung der Frage helfen. Default: [].
• feedback | boolean: steuert, ob Feedback-Tasten angezeigt werden sollen. Default: true.
• chat | boolean: steuert, ob das Element einen integrierten Chat haben soll. Default: false.
• provideFeedback | boolean: gibt an, ob ein Feedback einschließlich der richtigen Antwort angezeigt werden soll, nachdem die Lerner ihre Antworten abgeschickt haben. Default: true.
• failureMsg | string: Meldung, die angezeigt werden soll, wenn der Schüler eine falsche Antwort auswählt. Default: 'Not quite, try again!'.
• successMsg | string: Meldung, die angezeigt werden soll, wenn der Schüler die richtige Antwort auswählt. Default: 'That's the correct answer!'.
• points | number: maximale Anzahl von Punkten, die bei der Benotung vergeben werden. Default: 10.
• style | object: CSS-Inline-Stile. Default: {}.
• onChange | function: Callback, der nach der Submit-Aktion ausgelöst wird. Default: onChange() {}.
• onSubmit | function: Callback, der aufgerufen wird, wenn die Antwort abgeschickt wurde; hat als ersten Parameter ein boolean, das angibt, ob die Antwort richtig beantwortet wurde (falls zutreffend, sonst null) und die gelieferte Antwort als zweiten Parameter. Default: onSubmit() {}.

Beispiele

• Minimal
• With Style
• Inline
• With Hints
• Submit Function Hints

Live-Editor

<SelectQuestion question="The usual t-test is" solution={2} options={[ 'left-sided', 'right-sided', 'two-sided' ]} />

<SelectQuestion
    question="The usual t-test is"
    solution={2}
    options={[
        'left-sided',
        'right-sided',
        'two-sided'
    ]}
/>

Ergebnis

ReferenceError: Provider is not defined