Range Question

Un componente de preguntas de rango que pide a los estudiantes que proporcionen un punto final inferior y superior.

Opciones

• question | (string|node): La pregunta que se muestra. Default: ''.
• solution | array<number>: una matriz de dos elementos que contiene los puntos finales del rango correcto. Default: none.
• 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: [].
• labels | array: matriz de dos elementos de etiquetas personalizadas distintas de "inferior" y "superior". Default: none.
• 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.
• digits | number: número de dígitos que deben coincidir entre la solución y la respuesta proporcionada por el usuario. Si no se da o se establece como nulo, el componente comprueba la estricta igualdad. Si se establece en 0, comprueba si hay igualdad de números enteros. Default: 3.
• max | number: valor máximo de entrada. Default: null.
• min | number: valor mínimo de entrada. Default: null.
• nTries | number: después de cuántos intentos se debe proporcionar retroalimentación (si provideFeedback es true). Default: 1.
• 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.
• submitAfterFeedback | boolean: controla si se puede volver a presentar la solicitud incluso después de que se haya revelado la solución. Default: false.
• until | Date: tiempo hasta que los estudiantes puedan presentar sus respuestas. Default: none.
• points | number: número máximo de puntos otorgados en la calificación. Default: 10.
• style | object: Estilos en línea CSS. Default: {}.
• onChangeLower | function: La devolución de llamada se activa después de que el usuario cambie el límite inferior. Default: onChangeLower() {}.
• onChangeUpper | function: La devolución de llamada se activa después de que el usuario cambie el límite superior. Default: onChangeUpper() {}.
• onChange | function: llamada de retorno que se activa después de que el usuario cambie un límite (con el límite inferior y superior como argumentos). 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 Hints
• With Style
• With Points and Feedback

Editor en vivo

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

Resultado

ReferenceError: Provider is not defined