ReactJSにJavaScriptファイルを追加する方法

以下の手順に従って、ReactJSプロジェクトにJavaScriptファイルを追加する方法を学んでください。

1. プロジェクトに新しいJavaScriptファイルを作成します。例えば、"example.js"という名前のファイルを作成します。

2. 作成したJavaScriptファイルに、必要なJavaScriptコードを書きます。このファイル内で定義された関数や変数は、Reactコンポーネント内で使用することができます。

例えば、以下のようなJavaScriptコードを"example.js"に書くことができます。

// example.js
export const addNumbers = (a, b) => {
  return a + b;
};

3. ReactコンポーネントでJavaScriptファイルをインポートします。JavaScriptファイルを使用したいReactコンポーネントで、以下のようにインポート文を追加します。

import { addNumbers } from './example.js';

4. インポートしたJavaScriptファイルの関数や変数を使用します。Reactコンポーネント内で、インポートした関数や変数を使用してください。

const sum = addNumbers(2, 3);
console.log(sum); // 結果: 5

これで、ReactJSプロジェクトにJavaScriptファイルを追加して使用することができます。