メインコンテンツへスキップ

Select Question Matrix

複数のセレクトボックスで構成された回答付きの問題。

オプション​

  • question | (string|node): 冒頭に表示される質問. Default: ''.
  • rows | array: 行ラベル. Default: [].
  • cols | array: 列ラベル. Default: [].
  • options | object: オブジェクトで、row:col の形式を持つキーと値のペア、例えば 0:0, 0:1, 1:0 などを持ち、対応する値は個々の選択問題の解答選択肢の配列です。. Default: {}.
  • solution | object: 解オブジェクトで、row:col の形式を持つキーと値のペア、例えば 0:0, 0:1, 1:0 などを持ち、対応する値はそれぞれの options 配列の正解要素のインデックスとなります。. Default: {}.
  • hints | array<(string|node)>: 解答のヒント. Default: [].
  • hintPlacement | string: ヒントの配置 (top, left, right, bottom のいずれか). Default: 'bottom'.
  • feedback | boolean: フィードバックボタンを表示するかどうかを制御します。. Default: true.
  • provideFeedback | string: 全くなしのフィードバックを提供するか、提出された回答に対する個別のフィードバックを提供するか、またはすべての質問に対する全体のフィードバックを提供するか。. Default: 'individual'.
  • allowIncomplete | boolean: 各セレクトボックスで選択せずに投稿を許可するかどうか. Default: false.
  • nTries | number: 何回試行してもそれ以上の回答は受け付けません ( provideFeedback が none でない場合). Default: 3.
  • failureMsg | string: 誤答通知. Default: none.
  • successMsg | string: 出題通知文. Default: none.
  • cellLabels | object: キーが row:col の形式を持つオブジェクトで定義されたセルのラベル。. Default: {}.
  • chat | boolean: 要素が統合されたチャットを持つべきかどうかを制御します。. Default: false.
  • panelProps | object: 外側の
    コンポーネントに渡される追加プロパティ. Default: {}.
  • className | string: クラス名. Default: ''.
  • style | object: CSSインラインスタイル. Default: {}.
  • onChange | function: 回答を変更した際に呼び出されるコールバック関数. Default: onChange() {}.
  • onSubmit | function: コールバック関数は、第一のパラメータとして答えを、第二のパラメータとして正しさを示すブール値を指定して、提出時に呼び出されます。. Default: onSubmit() {}.

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

ライブエディター
結果
ReferenceError: Provider is not defined