Range Question

Um componente de perguntas de gama que pede aos estudantes que forneçam um ponto final inferior e superior.

Opções

• question | (string|node): pergunta exibida. Default: ''.
• solution | array<number>: matriz de dois elementos contendo os pontos finais da faixa correta. Default: none.
• hintPlacement | string: colocação das dicas (ou top, left, right, ou bottom). Default: 'top'.
• hints | array<(string|node)>: dicas que orientam como responder à pergunta. Default: [].
• labels | array: dois elementos de rótulos personalizados que não "Baixar" e "Alto". Default: none.
• feedback | boolean: controla se devem ser exibidos botões de feedback. Default: true.
• chat | boolean: controla se o elemento deve ter um bate-papo integrado. Default: false.
• digits | number: número de dígitos que têm de corresponder entre a solução e a resposta fornecida pelo usuário. Se não for dado ou definido como nulo, o componente verifica a estrita igualdade. Se definido como 0, verifica se há igualdade total. Default: 3.
• max | number: valor máximo de entrada. Default: null.
• min | number: valor mínimo de entrada. Default: null.
• nTries | number: após quantas tentativas de feedback devem ser fornecidas (se provideFeedback for verdadeiro). Default: 1.
• provideFeedback | boolean: indica se o feedback, incluindo a resposta correta, deve ser exibido depois que os alunos enviarem suas respostas. Default: true.
• submitAfterFeedback | boolean: controla se se deve ser capaz de reapresentar mesmo depois de a solução ter sido revelada. Default: false.
• until | Date: tempo até que os estudantes tenham permissão para enviar respostas. Default: none.
• points | number: número máximo de pontos concedidos na classificação. Default: 10.
• style | object: Estilos em linha CSS. Default: {}.
• onChangeLower | function: chamada de retorno acionada após o limite inferior ser alterado pelo usuário. Default: onChangeLower() {}.
• onChangeUpper | function: chamada de retorno acionada depois que o limite superior é alterado pelo usuário. Default: onChangeUpper() {}.
• onChange | function: chamada de retorno disparada depois que um limite é alterado pelo usuário (com limites inferior e superior como argumentos). Default: onChange() {}.
• onSubmit | function: chamada de retorno invocada quando a resposta é submetida; tem como primeiro parâmetro um booleano indicando se a resposta foi respondida corretamente (se aplicável, nulo de outra forma) e a resposta fornecida como segundo parâmetro. Default: onSubmit() {}.

Exemplos

• Minimal
• With Hints
• With Style
• With Points and Feedback

Editor ao 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