كيفية إنشاء ملف للثوابت constants في React.js؟

أنشئ الملف واكتب بداخله الثوابت:

export const CONSTANT1 = "VALUE1"
export const CONSTANT2 = true
export const CONSTANT3 = 3
export const CONSTANT4 = ["VALUE4", "etc"]
export const CONSTANT5 = {data: "VALUES", etc}

// etc...

غالباً أنت لم تقم بتصدير ثوابتك export، وكيف كتبت 

REQUEST_SENT_SUCCESSFULLY = "We got your request."

ولم تعرفها ؟ يجب تعريف المتحول بكلمة const للثوابت لا تنسى ذلك.

ما ينقص ملفك هو تصدير المتغير الثابت من خلال تعليمة export لتستطيع استخدامه خارج ملفه الأصلي

export const REQUEST_SENT_SUCCESSFULLY = "We got your request."

ثم سيعمل

إن رغبت بتضمين قيمة واحدة يمكن استخدام named import

import {REQUEST_SENT_SUCCESSFULLY } from "./constants";

console.log(REQUEST_SENT_SUCCESSFULLY);

يمكنك أيضا تجميع المتغيرات الثابتة في كائن واحد وتصديره وحده فقط ثم الوصول لخصائصه 

• نقوم ببناء الغرض من خلال freez لكي لا يتم تعديله

module.exports = Object.freeze({
  REQUEST_SENT_SUCCESSFULLY: "We got your request.",
});



import ConstantsList from './constants';
console.log(ConstantsList.REQUEST_SENT_SUCCESSFULLY)