Range Question

Un élément de question de gamme qui demande aux élèves de fournir un point d'extrémité inférieur et supérieur.

Options

question | (string|node): question affichée. Default: ''.
solution | array<number>: tableau à deux éléments contenant les points terminaux de la plage correcte. Default: none.
hintPlacement | string: l'emplacement des indices (soit top, left, right ou bottom). Default: 'top'.
hints | array<(string|node)>: des conseils sur la façon de répondre à la question. Default: [].
labels | array: un ensemble à deux éléments d'étiquettes personnalisées autres que bottom et "Haut de page. Default: none.
feedback | boolean: contrôle l'affichage des boutons de rétroaction. Default: true.
chat | boolean: contrôle si l'élément doit avoir un chat intégré. Default: false.
digits | number: nombre de chiffres qui doivent correspondre entre la solution et la réponse fournie par l'utilisateur. S'il n'est pas donné ou s'il est fixé à zéro, le composant vérifie la stricte égalité. S'il est défini à 0, il vérifie l'égalité des nombres entiers. Default: 3.
max | number: valeur maximale d'entrée. Default: null.
min | number: valeur d'entrée minimale. Default: null.
nTries | number: après combien d'essais le feedback doit être fourni (si provideFeedback est true). Default: 1.
provideFeedback | boolean: indique si un retour d'information comprenant la bonne réponse doit être affiché après que les apprenants aient soumis leurs réponses. Default: true.
submitAfterFeedback | boolean: contrôle si l'on doit pouvoir soumettre à nouveau une demande même après que la solution a été révélée.. Default: false.
until | Date: le temps nécessaire pour permettre aux étudiants de soumettre des réponses. Default: none.
points | number: nombre maximum de points attribués dans le classement. Default: 10.
style | object: Styles CSS en ligne. Default: {}.
onChangeLower | function: rappel déclenché après la modification de la limite inférieure par l'utilisateur. Default: onChangeLower() {}.
onChangeUpper | function: rappel déclenché après la modification de la limite supérieure par l'utilisateur. Default: onChangeUpper() {}.
onChange | function: callback déclenché après la modification d'une borne par l'utilisateur (avec les bornes inférieure et supérieure comme arguments). Default: onChange() {}.
onSubmit | function: rappel invoqué lors de la soumission de la réponse ; a comme premier paramètre un "booléen" indiquant si la réponse a été correctement donnée (le cas échéant, "nul" sinon) et la réponse fournie comme second paramètre. Default: onSubmit() {}.

Exemples

Minimal
With Hints
With Style
With Points and Feedback

Éditeur en direct

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

Résultat

ReferenceError: Provider is not defined

Options​

Exemples​

Options

Exemples