Select Question

Un componente di domanda selezionata.

Opzioni

• question | (string|node): domanda per la quale lo studente deve selezionare una delle opzioni di risposta disponibili. Default: ''.
• options | array (required): opzioni di risposta disponibili tra cui lo studente può selezionare. Default: none.
• solution | number: indice dell'elemento di soluzione in opzioni. Default: none.
• preselected | number: indice dell'opzione di risposta preselezionata. Default: 0.
• inline | boolean: controlla se il componente è reso in linea o meno. Default: false.
• hintPlacement | string: posizionamento dei suggerimenti (top, left, right o bottom). Default: 'top'.
• hints | array<(string|node)>: suggerimenti che forniscono indicazioni su come rispondere alla domanda. Default: [].
• feedback | boolean: controlla se visualizzare i pulsanti di feedback. Default: true.
• chat | boolean: controlla se l'elemento deve avere una chat integrata. Default: false.
• provideFeedback | boolean: indica se il feedback, inclusa la risposta corretta, deve essere visualizzato dopo che gli studenti hanno inviato le loro risposte. Default: true.
• failureMsg | string: messaggio da visualizzare quando lo studente seleziona una risposta sbagliata. Default: 'Not quite, try again!'.
• successMsg | string: messaggio da visualizzare quando lo studente seleziona la risposta corretta. Default: 'That's the correct answer!'.
• points | number: numero massimo di punti assegnati in classifica. Default: 10.
• style | object: Stili in linea CSS. Default: {}.
• onChange | function: richiamo che viene attivato dopo l'azione di presentazione. Default: onChange() {}.
• onSubmit | function: richiamata al momento dell'invio della risposta; ha come primo parametro un booleano che indica se la risposta è stata data correttamente (se applicabile, null altrimenti) e la risposta fornita come secondo parametro. Default: onSubmit() {}.

Esempi

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

Editore dal vivo

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

Risultato

ReferenceError: Provider is not defined