Range Question

Een vraagcomponent die de leerlingen vraagt om een onder- en bovengrens aan te geven.

Opties

question | (string|node): getoonde vraag. Default: ''.
solution | array<number>: twee-elementen array met de eindpunten van het juiste bereik. Default: none.
hintPlacement | string: plaatsing van de hints (ofwel top, left, right, of bottom). Default: 'top'.
hints | array<(string|node)>: tips die een leidraad bieden voor het beantwoorden van de vraag. Default: [].
labels | array: twee-element array van aangepaste labels anders dan "Verlaagt" en "Bovenste". Default: none.
feedback | boolean: regelt of er terugmeldingsknoppen moeten worden weergegeven. Default: true.
chat | boolean: bepaalt of het element een geïntegreerde chat moet hebben. Default: false.
digits | number: aantal cijfers dat moet overeenkomen met het antwoord van de oplossing en de gebruiker. Indien niet gegeven of op nul gezet, controleert de component op strikte gelijkheid. Indien ingesteld op 0, controleert de component op gehele gelijkheid. Default: 3.
max | number: maximale invoerwaarde. Default: null.
min | number: minimale invoerwaarde. Default: null.
nTries | number: na hoeveel pogingen feedback moet worden gegeven (als provideFeedback true is). Default: 1.
provideFeedback | boolean: geeft aan of de feedback, inclusief het juiste antwoord, moet worden weergegeven nadat de leerlingen hun antwoorden hebben ingediend. Default: true.
submitAfterFeedback | boolean: controleert of men opnieuw moet kunnen indienen, zelfs nadat de oplossing is onthuld. Default: false.
until | Date: tijd tot de studenten de gelegenheid krijgen om antwoorden in te dienen. Default: none.
points | number: maximumaantal punten voor de indeling in klassen. Default: 10.
style | object: CSS inline-stijlen. Default: {}.
onChangeLower | function: callback getriggerd nadat de ondergrens door de gebruiker is gewijzigd. Default: onChangeLower() {}.
onChangeUpper | function: callback geactiveerd nadat de bovengrens door de gebruiker is gewijzigd. Default: onChangeUpper() {}.
onChange | function: callback die wordt gestart nadat een limiet door de gebruiker is gewijzigd (met de onder- en bovengrens als argumenten). Default: onChange() {}.
onSubmit | function: callback ingeroepen bij het inzenden van het antwoord; heeft als eerste parameter een boolean die aangeeft of het antwoord correct is beantwoord (indien van toepassing, null anders) en het verstrekte antwoord als tweede parameter. Default: onSubmit() {}.

Voorbeelden

Minimal
With Hints
With Style
With Points and Feedback

Live redacteur

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

Resultaat

ReferenceError: Provider is not defined

Opties​

Voorbeelden​

Opties

Voorbeelden