Select Question

Un componente de pregunta selectiva.

Opciones

• question | (string|node): pregunta para la cual el estudiante tiene que seleccionar una de las opciones de respuesta disponibles. Default: ''.
• options | array (required): opciones de respuesta disponibles de las cuales el estudiante puede seleccionar. Default: none.
• solution | number: índice de elemento de solución en "opciones. Default: none.
• preselected | number: índice de la opción de respuesta preseleccionada. Default: 0.
• inline | boolean: controla si el componente se renderiza en línea o no. Default: false.
• hintPlacement | string: la colocación de las pistas (ya sea top, left, right o bottom). Default: 'top'.
• hints | array<(string|node)>: consejos que proporcionan orientación sobre cómo responder a la pregunta. Default: [].
• feedback | boolean: controla si se muestran los botones de retroalimentación. Default: true.
• chat | boolean: controla si el elemento debe tener un chat integrado. Default: false.
• provideFeedback | boolean: indica si la retroalimentación, incluyendo la respuesta correcta, debe ser mostrada después de que los estudiantes envíen sus respuestas. Default: true.
• failureMsg | string: mensaje que se mostrará cuando el estudiante seleccione una respuesta incorrecta. Default: 'Not quite, try again!'.
• successMsg | string: mensaje que se mostrará cuando el estudiante seleccione la respuesta correcta. Default: 'That's the correct answer!'.
• points | number: número máximo de puntos otorgados en la calificación. Default: 10.
• style | object: Estilos en línea CSS. Default: {}.
• onChange | function: llamada de retorno que se activa después de la acción de presentación. Default: onChange() {}.
• onSubmit | function: llamada de retorno invocada cuando se presenta la respuesta; tiene como primer parámetro un "booleano" que indica si la respuesta fue contestada correctamente (si es aplicable, "nulo" en caso contrario) y la respuesta suministrada como segundo parámetro. Default: onSubmit() {}.

Ejemplos

• Minimal
• With Style
• Inline
• With Hints
• Submit Function Hints

Editor en vivo

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

Resultado

ReferenceError: Provider is not defined