Select Question

質問コンポーネントを選択します。

オプション

• question | (string|node): 択一問題. Default: ''.
• options | array (required): 学生が選択できる解答の選択肢があります。. Default: none.
• solution | number: optionsのソリューション要素のインデックス. Default:none`.
• preselected | number: 選択された解答選択肢の索引. Default: 0.
• inline | boolean: は、コンポーネントがインラインでレンダリングされるかどうかを制御します。. Default: false.
• hintPlacement | string: ヒントの配置 (top, left, right, bottom のいずれか). Default: 'top'.
• hints | array<(string|node)>: 解答のヒント. Default: [].
• feedback | boolean: フィードバックボタンを表示するかどうかを制御します。. Default: true.
• chat | boolean: 要素が統合されたチャットを持つべきかどうかを制御します。. Default: false.
• provideFeedback | boolean: は、学習者が解答を提出した後に、正解を含むフィードバックを表示するかどうかを指定します。. Default: true.
• failureMsg | string: 学生が間違った答えを選択した場合に表示されるメッセージ. Default: 'Not quite, try again!'.
• successMsg | string: 学生が正解を選択したときに表示されるメッセージ. Default: 'That's the correct answer!'.
• points | number: 採点点数. Default: 10.
• style | object: CSSインラインスタイル. Default: {}.
• onChange | function: コールバック. Default: onChange() {}.
• onSubmit | function: 最初のパラメータとして、アンサーが正しく回答されたかどうかを示す boolean (該当する場合は null) と、2番目のパラメータとして与えられたアンサーを指定します。. Default: onSubmit() {}.

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

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

ライブエディター

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

結果

ReferenceError: Provider is not defined