Select Question

Pasirinkto klausimo komponentas.

Parinktys

• question | (string|node): klausimas, į kurį mokinys turi pasirinkti vieną iš galimų atsakymo variantų.. Default: ''.
• options | array (required): galimi atsakymų variantai, iš kurių mokinys gali pasirinkti. Default: none.
• solution | number: sprendimo elemento indeksas options. Default: none.
• preselected | number: iš anksto pasirinkto atsakymo varianto indeksas. Default: 0.
• inline | boolean: kontroliuoja, ar komponentas bus atvaizduojamas į eilutę, ar ne.. Default: false.
• hintPlacement | string: užuominų vieta (top, left, right arba bottom).. Default: 'top'.
• hints | array<(string|node)>: užuominos, kuriose pateikiamos rekomendacijos, kaip atsakyti į klausimą.. Default: [].
• feedback | boolean: kontroliuoja, ar rodyti grįžtamojo ryšio mygtukus.. Default: true.
• chat | boolean: kontroliuoja, ar elementas turi turėti integruotą pokalbių. Default: false.
• provideFeedback | boolean: nurodo, ar mokiniams pateikus atsakymus turėtų būti rodomas grįžtamasis ryšys, įskaitant teisingą atsakymą.. Default: true.
• failureMsg | string: pranešimas, rodomas mokiniui pasirinkus neteisingą atsakymą.. Default: 'Not quite, try again!'.
• successMsg | string: pranešimas, kuris bus rodomas, kai mokinys pasirinks teisingą atsakymą.. Default: 'That's the correct answer!'.
• points | number: maksimalus balų skaičius, suteikiamas vertinant. Default: 10.
• style | object: CSS eilutės stiliai. Default: {}.
• onChange | function: grįžtamasis skambutis, kuris paleidžiamas po veiksmo pateikti. Default: onChange() {}.
• onSubmit | function: grįžtamasis skambutis, iškviečiamas, kai pateikiamas atsakymas; pirmasis parametras yra boolean, nurodantis, ar atsakymas buvo teisingas (jei tinka, null, jei ne), o antrasis parametras - pateiktas atsakymas.. Default: onSubmit() {}.

Pavyzdžiai

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

Tiesioginis redaktorius

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

Rezultatas

ReferenceError: Provider is not defined