Match List Question

Komponent ISLE, który sprawia, że pytanie, w którym uczący się musi we właściwy sposób dopasować elementy z dwóch list do siebie.

Opcje

• question | (string|node): pytanie, które ma być wyświetlane na górze elementu listy pytań ofertowych. Default: ''.
• elements | array<{a,b}>: rówka trzymająca właściwe pary wyświetlana na górze komponentu pytania swobodnego tekstu. Każdy arrada musi być obiektemz właściwościamiaib; dostarcza elementy tylko z właściwościami alubbaby dodać odpowiedzi rozpraszające. Default:[]`.
• hintPlacement | string: umieszczenie podpowiedzi (albo top, left, right, albo bottom). Default: 'bottom'.
• hints | array<(string|node)>: podpowiedzi zawierające wskazówki, jak odpowiedzieć na pytanie. Default: [].
• provideFeedback | boolean: wskazuje, czy rozwiązanie powinno być dostępne po udzieleniu odpowiedzi przez uczących się. Default: true.
• 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.
• colorScale | array: jeśli są ustawione, dołączone kolory są używane do płytek. Default: none.
• shuffle | string: określa, czy tasować lewe, prawe lub obu kolumny, których elementy mają być dopasowane; podaj none lub inną wartość, aby nie tasować elementów po obu stronach (może być przydatne w przypadku, gdy nie ma rozwiązania). Default: 'both'.
• disableSubmitNotification | boolean: kontrola, czy należy wyłączyć powiadomienia o złożeniu wniosku. Default: false.
• submissionMsg | string: powiadomienie wyświetlane w momencie, gdy uczący się po raz pierwszy przekazuje swoją odpowiedź. Default: 'You have successfully submitted your answer.'.
• resubmissionMsg | string: powiadomienie wyświetlane dla wszystkich zgłoszeń po pierwszym. Default: 'You have successfully re-submitted your answer.'.
• 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.
• className | string: nazwa klasy. Default: ''.
• style | object: Style CSS inline. Default: {}.
• onChange | function: callback wywoływany, gdy uczniowie zmieniają odpowiedź. Default: onChange() {}.
• onSubmit | function: wywołanie zwrotne, gdy uczniowie udzielają odpowiedzi. Default: onSubmit() {}.

Przykłady

• Minimal
• With Markdown
• With Solution & Style
• Shuffle Right
• Points for Grading

Edytor na żywo

<MatchListQuestion question="Please match the symbols and the respective chemical element." elements={[ { a: 'Be', b: 'Berlyllium' }, { a: 'Br', b: 'Bromine' }, { a: 'Ar', b: 'Argon' }, { a: 'Ac' , b: 'Actinium'}, { b: 'Arsenic' }, { b: 'Boron' } ]} provideFeedback={false} />

<MatchListQuestion
    question="Please match the symbols and the respective chemical element."
    elements={[
        { a: 'Be', b: 'Berlyllium' },
        { a: 'Br', b: 'Bromine' },
        { a: 'Ar', b: 'Argon' },
        { a: 'Ac' , b: 'Actinium'},
        { b: 'Arsenic' },
        { b: 'Boron' }
    ]}
    provideFeedback={false}
/>

Wynik

ReferenceError: Provider is not defined