Range Question

O componentă de întrebare de tip "interval" care le cere elevilor să furnizeze un punct final inferior și unul superior.

Opțiuni

• question | (string|node): întrebare afișată. Default: ''.
• solution | array<number>: matrice cu două elemente care conține punctele finale ale intervalului corect. Default: none.
• hintPlacement | string: plasarea indicilor (fie top, left, right, sau bottom). Default: 'top'.
• hints | array<(string|node)>: indicii care oferă îndrumări privind modul de răspuns la întrebare. Default: [].
• labels | array: matrice cu două elemente de etichete personalizate, altele decât "Lower" și "Upper".. Default: none.
• feedback | boolean: controlează dacă se afișează butoanele de feedback. Default: true.
• chat | boolean: controlează dacă elementul trebuie să aibă un chat integrat. Default: false.
• digits | number: numărul de cifre care trebuie să corespundă între soluție și răspunsul furnizat de utilizator. În cazul în care nu este dată sau este setată ca fiind nulă, componenta verifică egalitatea strictă. Dacă este setată la 0, se verifică egalitatea între numere întregi.. Default: 3.
• max | number: valoarea maximă de intrare. Default: null.
• min | number: valoarea minimă de intrare. Default: null.
• nTries | number: după câte încercări trebuie să se furnizeze feedback (dacă provideFeedback este true). Default: 1.
• provideFeedback | boolean: indică dacă feedback-ul care include răspunsul corect trebuie afișat după ce cursanții își trimit răspunsurile. Default: true.
• submitAfterFeedback | boolean: controlează dacă cineva ar trebui să aibă posibilitatea de a retrimite chiar și după ce soluția a fost dezvăluită. Default: false.
• until | Date: timpul până la care studenții ar trebui să fie lăsați să trimită răspunsurile. Default: none.
• points | number: numărul maxim de puncte acordate în cadrul clasificării. Default: 10.
• style | object: Stiluri inline CSS. Default: {}.
• onChangeLower | function: callback declanșat după ce limita inferioară este modificată de către utilizator. Default: onChangeLower() {}.
• onChangeUpper | function: callback declanșat după ce limita superioară este modificată de către utilizator. Default: onChangeUpper() {}.
• onChange | function: callback declanșat după ce o limită este modificată de utilizator (cu limita inferioară și superioară ca argumente). Default: onChange() {}.
• onSubmit | function: callback invocat atunci când răspunsul este trimis; are ca prim parametru un boolean care indică dacă răspunsul a fost dat corect (dacă este cazul, null în caz contrar) și răspunsul furnizat ca al doilea parametru. Default: onSubmit() {}.

Exemple

• Minimal
• With Hints
• With Style
• With Points and Feedback

Editor live

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

Rezultat

ReferenceError: Provider is not defined