javascript - variable - React crea el archivo de constantes

variable constante javascript

Question

Cómo crear un archivo de constantes como: clave - valor en ReactJs,

ACTION_INVALID = "This action is invalid!"

y usar eso en otros componentes

errorMsg = myConstClass.ACTION_INVALID;

Answer 1

Ampliando la respuesta de myConstClass , para situaciones en las que no desea escribir myConstClass todo el tiempo:

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 { ACTION_INVALID } from ''path/to/fileWithConstants'';
const errorMsg = ACTION_INVALID;

(Además, si la forma de Monad funciona mejor para usted, creo que la convención es que "MyConstClass" comience con una letra mayúscula, ya que está actuando como una clase en código).

Answer 2

No estoy completamente seguro de haber recibido tu pregunta, pero si lo hice debería ser bastante simple:

A mi entender, solo desea crear un archivo con constantes y usarlo en otro archivo.

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;

Si está utilizando react, debería tener un paquete web o un empaquetador (para reaccionar nativo), por lo que debería tener babel que pueda traducir su uso de exportar e importar a archivos js más antiguos.

Answer 3

Simplemente puede crear un objeto para sus constantes:

const myConstClass = {
ACTION_INVALID: "This action is invalid!"
}

Y luego úsalo.

Si está agrupando, puede export este objeto y luego import para cada archivo componente.

Answer 4

Una forma de hacerlo (aunque no es tan diferente de otras respuestas) es crear un archivo de constantes.js y agregar sus constantes allí. Yo uso esto para configuraciones

module.exports = Object.freeze({
ACTION_INVALID :''This action is invalid'',
ACTION_VALID:''Some other action'',
});

Entonces puedes solicitarlo en cualquier lugar

import ConstantsList from ''./constants'';

y use

console.log(ConstantsList.ACTION_INVALID)