JavaScript Shell

JavaScript コマンドを実行するために使用できるインタラクティブな Javascript シェルです。シェルにはエラーメッセージや警告などを表示するコンソールが含まれています。

オプション

• code | string: 評価されるJavaScriptコード. Default: ''.
• solution | string: プログラミングの問題では、問題の公式な解答を表すコード string を指定します。. Default: ''.
• hints | array<(string|node)>: プログラミングの質問には、問題へのアプローチ方法のガイダンスを提供するヒントを提供しています。. Default: [].
• precompute | boolean: は、コンポーネントがマウントされた後にデフォルトのコードを実行するかどうかを制御します。. Default: false.
• chat | boolean: グループチャット機能を有効にするかどうかを制御します。. Default: false.
• check | string: 評価される code をチェックするための JavaScript コードを追加しました。. Default: none.
• disabled | boolean: すべてのユーザ入力を無効にし、コードブロックを静的にするかどうかを制御します。. Default: false.
• lines | number: 表示行数. Default: 5.
• className | string: クラス名. Default: ''.
• style | object: CSSインラインスタイル. Default: {}.
• onChange | function: テキストフィールドの入力が変更されるたびに呼び出されるコールバック. Default: onChange() {}.
• onEvaluate | function: コールバックは Evaluate ボタンがクリックされるたびに呼び出されます。. Default: onEvaluate() {}.
• vars | object: 評価された code が利用できるようにすべき変数を持つスコープオブジェクト. Default: none.

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

• Minimal
• With Style
• Ten Lines

ライブエディター

<JSShell code = {`var a = 2; var b = 2; console.log(a + b);`} />

<JSShell code = {`var a = 2; 
var b = 2;
console.log(a + b);`} />

結果

ReferenceError: Provider is not defined