Select Question

Компонент за избор на въпрос.

Опции

question | (string|node): въпрос, за който ученикът трябва да избере една от наличните възможности за отговор.. Default: ''.
options | array (required): налични възможности за отговор, от които ученикът може да избере.. Default: none.
solution | number: индекс на елемента на решението в options. Default: none.
preselected | number: индекс на предварително избран вариант за отговор. Default: 0.
inline | boolean: контролира дали компонентът да се визуализира inline или не.. Default: false.
hintPlacement | string: разположение на подсказките (или top, right, left, или bottom). Default: 'top'.
hints | array<(string|node)>: указания за това как да отговорите на въпроса. Default: [].
feedback | boolean: контролира дали да се показват бутони за обратна връзка. Default: true.
chat | boolean: контролира дали елементът трябва да има интегриран чат. Default: false.
provideFeedback | boolean: посочва дали да се показва обратна връзка, включваща правилния отговор, след като обучаемите изпратят отговорите си.. Default: true.
failureMsg | string: съобщение, което да се показва, когато ученикът избере грешен отговор. Default: 'Not quite, try again!'.
successMsg | string: съобщение, което да се покаже, когато ученикът избере правилния отговор. Default: 'That's the correct answer!'.
points | number: максимален брой точки, присъждани при класирането. Default: 10.
style | object: CSS инлайн стилове. Default: {}.
onChange | function: обратна връзка, която се задейства след действието submit. Default: onChange() {}.
onSubmit | function: обратна връзка, задействана при подаване на отговор; първият параметър е boolean, показващ дали отговорът е бил верен (ако е приложимо, null в противен случай), а вторият параметър е подаденият отговор. Default: onSubmit() {}.

Примери

Minimal
With Style
Inline
With Hints
Submit Function Hints

Редактор в реално време

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

Резултат

ReferenceError: Provider is not defined

Опции​

Примери​

Опции

Примери