Order Question

生徒に要素の集合体を正しい順序に持ってくるように求める順序問題のコンポーネントです。

オプション

• question | (string|node): 択一問題. Default: ''.
• options | array (required): 序列を正す. Default: none.
• provideFeedback | boolean: は、提出された答えが正しいかどうかを表示する通知を表示するかどうかを制御します。. Default: true.
• hintPlacement | string: ヒントの配置 (top, left, right, bottom のいずれか). Default: 'bottom'.
• hints | array<(string|node)>: 解答のヒント. Default: [].
• feedback | boolean: フィードバックボタンを表示するかどうかを制御します。. Default: true.
• chat | boolean: 要素が統合されたチャットを持つべきかどうかを制御します。. Default: false.
• failureMsg | string: 学生が間違った答えを提出したときに表示されるメッセージ. Default: none.
• successMsg | string: 学生が正解を提出したときに表示されるメッセージ. Default: none.
• disableSubmitNotification | boolean: 投稿通知を無効にするかどうかを制御します。. Default: false.
• until | Date: 学生が回答を提出するまでの時間. Default: none.
• points | number: 採点点数. Default: 10.
• style | object: CSSインラインスタイル. Default: {}.
• onChange | function: これは要素をドラッグした後にトリガされるコールバックで、2つのパラメータを持ちます: 要素が正しい順序で配置されているかどうかを示す boolean と、現在の順序を示す array です。. Default: onChange() {}.
• onSubmit | function: 回答が提出されたときに呼び出されるコールバック; 唯一のパラメータとして、要素が正しい順序で配置されているかどうかを示す boolean を持ちます。. Default: onSubmit() {}.

例としては、以下のようなものがあります。

• Minimal
• Hints
• Submit Function
• With Points and Feedback Message

ライブエディター

<OrderQuestion question="Order the letters alphabetically!" options={[ "Alpha", "Beta", "Gamma", "Delta" ]} />

<OrderQuestion
    question="Order the letters alphabetically!"
    options={[
        "Alpha",
        "Beta",
        "Gamma",
        "Delta"
    ]}
/>

結果

ReferenceError: Provider is not defined