Range Question

Egy tartományt tartalmazó kérdéskomponens, amely arra kéri a tanulókat, hogy adjanak meg egy alsó és egy felső végpontot.

Opciók

question | (string|node): megjelenített kérdés. Default: ''.
solution | array<number>: kételemű tömb, amely a megfelelő tartomány végpontjait tartalmazza. Default: none.
hintPlacement | string: a tippek elhelyezése (vagy top, left, right, vagy bottom). Default: 'top'.
hints | array<(string|node)>: a kérdés megválaszolására vonatkozó útmutatásokat ad. Default: [].
labels | array: az "Alsó" és "Felső" címkéken kívüli egyéni címkék kételemű tömbje. Default: none.
feedback | boolean: szabályozza, hogy megjelenjenek-e a visszajelző gombok. Default: true.
chat | boolean: szabályozza, hogy az elemnek legyen-e integrált chatje. Default: false.
digits | number: azon számjegyek száma, amelyeknek meg kell egyezniük a megoldás és a felhasználó által megadott válasz között. Ha nincs megadva vagy nullára van állítva, az összetevő szigorú egyenlőséget ellenőriz. Ha 0-ra van állítva, akkor az egész számú egyenlőséget ellenőrzi.. Default: 3.
max | number: maximális bemeneti érték. Default: null.
min | number: minimális bemeneti érték. Default: null.
nTries | number: hány próbálkozás után kell visszajelzést adni (ha a "provideFeedback" értéke "true"). Default: 1.
provideFeedback | boolean: jelzi, hogy a helyes választ tartalmazó visszajelzés megjelenjen-e, miután a tanulók elküldték a válaszaikat. Default: true.
submitAfterFeedback | boolean: ellenőrzi, hogy a megoldás felfedése után is lehessen-e újra benyújtani a pályázatot.. Default: false.
until | Date: a tanulóknak a válaszok benyújtásáig rendelkezésre álló idő. Default: none.
points | number: az osztályozás során adható maximális pontszám. Default: 10.
style | object: CSS inline stílusok. Default: {}.
onChangeLower | function: visszahívás, amely az alsó határérték felhasználó általi módosítása után lép működésbe.. Default: onChangeLower() {}.
onChangeUpper | function: visszahívás, amely a felső határérték felhasználó általi módosítása után lép működésbe.. Default: onChangeUpper() {}.
onChange | function: visszahívás, amely a felhasználó által megváltoztatott határérték után lép életbe (alsó és felső határértékkel mint argumentummal). Default: onChange() {}.
onSubmit | function: callback, amelyet a válasz elküldésekor hívnak meg; első paramétere egy "bólé", amely jelzi, hogy a válasz helyesen lett-e megválaszolva (ha alkalmazható, egyébként "nulla"), második paramétere pedig a megadott válasz.. Default: onSubmit() {}.

Példák

Minimal
With Hints
With Style
With Points and Feedback

Élő szerkesztő

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

Eredmény

ReferenceError: Provider is not defined

Opciók​

Példák​

Opciók

Példák