1. ホーム
  2. javascript

Reactの定数ファイルを作成する

2023-10-15 13:24:29

質問

ReactJsでkey - valueのような定数ファイルを作るにはどうしたらよいですか。

ACTION_INVALID = "This action is invalid!"

で、それを他のコンポーネントで使うには

errorMsg = myConstClass.ACTION_INVALID;

どのように解決するのですか?

私はあなたの質問を完全に理解しているわけではありませんが、もしそうなら、それは非常に単純であるべきです。

私の理解では、定数を含むファイルを作成し、それを別のファイルで使用したいだけです。

fileWithConstants.jsを作成します。

export const ACTION_INVALID = "This action is invalid!"
export const CONSTANT_NUMBER_1 = 'hello I am a constant';
export const CONSTANT_NUMBER_2 = 'hello I am also a constant';

fileThatUsesConstants.jsです。

import * as myConstClass from 'path/to/fileWithConstants';

const errorMsg = myConstClass.ACTION_INVALID;

reactを使用している場合、webpackかpackager(react-native用)があるはずなので、exportとimportの使用を古いjsに翻訳することができるbabelがあるはずです。