Match List Question

O componentă ISLE care redă o întrebare în care cursantul trebuie să potrivească elemente din două liste în mod corect.

Opțiuni

• question | (string|node): întrebarea care trebuie afișată în partea de sus a componentei de întrebări din lista de corespondență. Default: ''.
• elements | array<{a,b}>: un array care conține perechile corecte afișate în partea de sus a componentei de întrebare cu text liber. Fiecare element array trebuie să fie un object cu proprietățile a și b; pentru a adăuga răspunsuri de distragere a atenției, furnizați elemente care au doar proprietățile a sau b.. Default: [].
• hintPlacement | string: plasarea indicilor (fie top, left, right, sau bottom). Default: 'bottom'.
• hints | array<(string|node)>: indicii care oferă îndrumări privind modul de răspuns la întrebare. Default: [].
• provideFeedback | boolean: indică dacă soluția trebuie să fie accesibilă după ce cursanții își trimit răspunsurile. Default: true.
• 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.
• colorScale | array: dacă este setat, culorile furnizate sunt folosite pentru dale. Default: none.
• shuffle | string: specifică dacă se amestecă coloanele left, right sau both ale căror elemente trebuie să fie potrivite; furnizează none sau orice altă valoare pentru a nu amesteca elementele de pe ambele părți (poate fi util în cazul în care nu există o soluție).. Default: 'both'.
• disableSubmitNotification | boolean: controlează dacă se dezactivează sau nu notificările de trimitere. Default: false.
• submissionMsg | string: notificare afișată atunci când persoana care învață își trimite răspunsul pentru prima dată. Default: 'You have successfully submitted your answer.'.
• resubmissionMsg | string: notificare afișată pentru toate trimiterile după prima trimitere. Default: 'You have successfully re-submitted your answer.'.
• until | Date: timpul până la care elevii 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.
• className | string: numele clasei. Default: ''.
• style | object: Stiluri inline CSS. Default: {}.
• onChange | function: callback invocat atunci când elevii schimbă un răspuns. Default: onChange() {}.
• onSubmit | function: callback invocat atunci când studenții trimit un răspuns. Default: onSubmit() {}.

Exemple

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

Editor live

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

Rezultat

ReferenceError: Provider is not defined