Range Question

Компонент на въпроса за обхвата, който изисква от учениците да посочат долна и горна крайна точка.

Опции

question | (string|node): показан въпрос. Default: ''.
solution | array<number>: двуелементен масив, съдържащ крайните точки на правилния диапазон. Default: none.
hintPlacement | string: разположение на подсказките (или top, right, left, или bottom). Default: 'top'.
hints | array<(string|node)>: указания за това как да отговорите на въпроса. Default: [].
labels | array: двуелементен масив от персонализирани етикети, различни от "Lower" и "Upper". Default: none.
feedback | boolean: контролира дали да се показват бутони за обратна връзка. Default: true.
chat | boolean: контролира дали елементът трябва да има интегриран чат. Default: false.
digits | number: брой цифри, които трябва да съвпадат с решението и отговора, зададен от потребителя. Ако не е зададено или е зададено null, компонентът проверява за строго равенство. Ако е зададена стойност 0, се проверява за равенство на цели числа.. Default: 3.
max | number: максимална входна стойност. Default: null.
min | number: минимална входна стойност. Default: null.
nTries | number: след колко опита трябва да се предостави обратна връзка (ако provideFeedback е true). Default: 1.
provideFeedback | boolean: посочва дали да се показва обратна връзка, включваща правилния отговор, след като обучаемите изпратят отговорите си.. Default: true.
submitAfterFeedback | boolean: контролира дали човек трябва да може да подава отново, дори след като решението е било разкрито.. Default: false.
until | Date: времето, до което учениците трябва да могат да подават отговори. Default: none.
points | number: максимален брой точки, присъждани при класирането. Default: 10.
style | object: CSS инлайн стилове. Default: {}.
onChangeLower | function: обратна връзка, задействана след промяна на долната граница от потребителя. Default: onChangeLower() {}.
onChangeUpper | function: обратна връзка, задействана след промяна на горната граница от потребителя. Default: onChangeUpper() {}.
onChange | function: обратно извикване, задействано след промяна на граница от потребителя (с долна и горна граница като аргументи). Default: onChange() {}.
onSubmit | function: обратна връзка, задействана при подаване на отговор; първият параметър е boolean, показващ дали отговорът е бил верен (ако е приложимо, null в противен случай), а вторият параметър е подаденият отговор. Default: onSubmit() {}.

Примери

Minimal
With Hints
With Style
With Points and Feedback

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

<RangeQuestion
    style={{ fontSize: 17, }}
    question="What year did the Thirty Years War broke out and when did it?"
    solution={[1618,1648]}
    labels={['Start', 'End']}
    min={1500}
    max={2000}
/>

<RangeQuestion
    style={{ fontSize: 17, }}
    question="What year did the Thirty Years War broke out and when did it?"
    solution={[1618,1648]}
    labels={['Start', 'End']}
    min={1500}
    max={2000}
/>

Резултат

ReferenceError: Provider is not defined

Опции​

Примери​

Опции

Примери