Select Question

O componentă de întrebare selectivă.

Opțiuni

• question | (string|node): întrebare pentru care elevul trebuie să selecteze una dintre variantele de răspuns disponibile. Default: ''.
• options | array (required): opțiuni de răspuns disponibile din care elevul poate selecta. Default: none.
• solution | number: indicele elementului de soluție din opțiuni. Default: none.
• preselected | number: indicele opțiunii de răspuns preselectate. Default: 0.
• inline | boolean: controlează dacă componenta este redată în linie sau nu. Default: false.
• hintPlacement | string: plasarea indicilor (fie top, left, right, sau bottom). Default: 'top'.
• hints | array<(string|node)>: indicii care oferă îndrumări privind modul de răspuns la întrebare. Default: [].
• feedback | boolean: controlează dacă se afișează butoanele de feedback. Default: true.
• chat | boolean: controlează dacă elementul trebuie să aibă un chat integrat. Default: false.
• provideFeedback | boolean: indică dacă feedback-ul care include răspunsul corect trebuie afișat după ce cursanții își trimit răspunsurile. Default: true.
• failureMsg | string: mesajul care trebuie afișat atunci când elevul selectează un răspuns greșit. Default: 'Not quite, try again!'.
• successMsg | string: mesajul care trebuie afișat atunci când elevul selectează răspunsul corect. Default: 'That's the correct answer!'.
• points | number: numărul maxim de puncte acordate în cadrul clasificării. Default: 10.
• style | object: Stiluri inline CSS. Default: {}.
• onChange | function: callback care este declanșat după acțiunea de trimitere. Default: onChange() {}.
• onSubmit | function: callback invocat atunci când răspunsul este trimis; are ca prim parametru un boolean care indică dacă răspunsul a fost dat corect (dacă este cazul, null în caz contrar) și răspunsul furnizat ca al doilea parametru. Default: onSubmit() {}.

Exemple

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

Editor live

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

Rezultat

ReferenceError: Provider is not defined