InputManJSのコントロールを使用したReactアプリケーションを作成するには、次の手順に従います。(その他のコントロールの作成方法は、各コントロールののサンプルを参照してください。)
以下の手順では、事前にNodeJSとCreate React Appがコンピュータにインストールされている必要があります。
コマンドライン(コマンドプロンプトやターミナル)で次のコマンドを実行して、新しいReactアプリケーションを作成します。
次のコマンドを実行して、作成したアプリケーションのディレクトリに移動します。
次のコマンドを実行して、InputManJSのReactパッケージをインストールします。
「src/App.js」ファイルで以下の内容を設定します。ここでは、次の設定を行います。
InputManJSのコンポーネントとスタイルをインポートします。
InputManJSのコンポーネントを生成します。
関数コンポーネントを使用する場合
クラスコンポーネントを使用する場合
次のコマンドを実行して、アプリケーションを起動します。
ブラウザで「http://localhost:3000/」を参照し、アプリケーションを表示します。