Select Question

Komponent wyboru pytania.

Opcje

• question | (string|node): pytanie, na które student musi wybrać jedną z dostępnych opcji odpowiedzi. Default: ''.
• options | array (required): dostępne opcje odpowiedzi, z których student może wybrać. Default: none.
• solution | number: indeks elementu rozwiązania w opcjach. Default: none.
• preselected | number: indeks wstępnie wybranej opcji odpowiedzi. Default: 0.
• inline | boolean: kontroluje, czy element jest renderowany w linii, czy nie. Default: false.
• 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: [].
• 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.
• provideFeedback | boolean: wskazuje, czy informacja zwrotna zawierająca poprawną odpowiedź powinna być wyświetlana po udzieleniu odpowiedzi przez uczących się. Default: true.
• failureMsg | string: komunikat, który będzie wyświetlany, gdy student wybierze błędną odpowiedź. Default: 'Not quite, try again!'.
• successMsg | string: komunikat, który będzie wyświetlany, gdy student wybierze prawidłową odpowiedź. Default: 'That's the correct answer!'.
• points | number: maksymalna liczba punktów przyznawanych w poszczególnych klasach. Default: 10.
• style | object: Style CSS inline. Default: {}.
• onChange | function: wywołanie zwrotne, które jest uruchamiane po przedłożeniu działania. 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 Style
• Inline
• With Hints
• Submit Function Hints

Edytor na żywo

<SelectQuestion question="The usual t-test is" solution={2} options={[ 'left-sided', 'right-sided', 'two-sided' ]} />

<SelectQuestion
    question="The usual t-test is"
    solution={2}
    options={[
        'left-sided',
        'right-sided',
        'two-sided'
    ]}
/>

Wynik

ReferenceError: Provider is not defined