Range Question

Komponent pytania zakresowego, który prosi uczniów o podanie dolnego i górnego punktu końcowego.

Opcje

• question | (string|node): wyświetlone pytanie. Default: ''.
• solution | array<number>: dwuelementowa macierz zawierająca punkty końcowe o odpowiednim zakresie. Default: none.
• hintPlacement | string: umieszczenie podpowiedzi (na górze, na dole, w lewo, w prawo lub na dole). Default: 'top'.
• hints | array<(string|node)>: podpowiedzi zawierające wskazówki, jak odpowiedzieć na pytanie. Default: [].
• labels | array: dwuelementowa tablica niestandardowych etykiet innych niż "Niżej" i "Górna strona". Default: none.
• feedback | boolean: kontroluje, czy mają być wyświetlane przyciski sprzężenia zwrotnego. Default: true.
• chat | boolean: kontroluje, czy dany element powinien mieć zintegrowaną rozmowę. Default: false.
• digits | number: liczba cyfr, które muszą się zgadzać między rozwiązaniem a odpowiedzią użytkownika. Jeśli nie została podana lub została ustawiona na zero, komponent sprawdza, czy istnieje ścisła równość. Jeśli jest ustawiona na 0, sprawdza równość liczb całkowitych. Default: 3.
• max | number: maksymalna wartość wejściowa. Default: null.
• min | number: minimalna wartość wejściowa. Default: null.
• nTries | number: po ilu próbach powinna być dostarczona informacja zwrotna (jeśli provideFeedback jest true). Default: 1.
• provideFeedback | boolean: wskazuje, czy informacja zwrotna zawierająca poprawną odpowiedź powinna być wyświetlana po udzieleniu odpowiedzi przez uczących się. Default: true.
• submitAfterFeedback | boolean: kontroluje, czy osoba powinna mieć możliwość ponownego wysłania zgłoszenia nawet po ujawnieniu rozwiązania. Default: false.
• until | Date: czas, w którym studenci powinni mieć możliwość udzielenia odpowiedzi. Default: none.
• points | number: maksymalna liczba punktów przyznawanych w poszczególnych klasach. Default: 10.
• style | object: Style CSS inline. Default: {}.
• onChangeLower | function: wywołanie zwrotne wywołane po zmianie dolnej granicy przez użytkownika. Default: onChangeLower() {}.
• onChangeUpper | function: wywołanie zwrotne wywołane po zmianie górnej granicy przez użytkownika. Default: onChangeUpper() {}.
• onChange | function: wywołanie zwrotne wywoływane po zmianie ograniczenia przez użytkownika (z dolnym i górnym ograniczeniem jako argumentami). Default: onChange() {}.
• onSubmit | function: callback wywoływany przy udzielaniu odpowiedzi; ma jako pierwszy parametr boolean wskazujący, czy odpowiedź została udzielona poprawnie (jeśli dotyczy, nie ma znaczenia inaczej), a udzielona odpowiedź jako drugi parametr. Default: onSubmit() {}.

Przykłady

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

Edytor na żywo

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

Wynik

ReferenceError: Provider is not defined