reactJS 中的属性文件

properties file in reactJS

我的 React 应用程序中有几个 fixed/final 变量。我需要将它们放在属性文件中并从中读取应用程序。 由于我是 React 的新手,所以我不知道如何创建属性文件以及它需要放置的位置。

其次,我经历了 但它没有帮助,因为我无法以此处提到的方式以外的方式使用定义的 属性 。

请指导我完成在属性文件中创建变量的过程。如果上述方法合适,那么请建议一种使用这些变量的方法(比如分配给另一个变量,或者在别处获取和使用它)。

以下是我尝试过的一些方法:

创建了一个 js 文件并放入

export const properties = {
    value: 1
};

然后,尝试使用

读取它
var valueInOtherClass = {properties.value}

这给出了一个错误。

这不会像您期望的那样使用花括号 var valueInOtherClass = {properties.value} 更好的做法是像下面这样分解变量,

import properties from './foo/bar/something'
const {value} = properties

您也可以选择使用环境变量,而不是在 process.env 中使用 https://create-react-app.dev/docs/adding-custom-environment-variables 之类的东西,并喜欢使用以下内容:

render() {
  return (
    <div>
      <small>You are running this application in <b>{process.env.NODE_ENV}</b> mode.</small>
      <form>
        <input type="hidden" defaultValue={process.env.REACT_APP_NOT_SECRET_CODE} />
      </form>
    </div>
  );
}

你可以这样做:

const properties = {
prop1: value,
porp2: value2,
prop3: value3
}
export default properties;

现在,您可以在任何地方使用这些属性,例如:

import properties from 'yourPath';

并像这样使用数组解构:

const {prop1} = properties;

或任何类似的东西:

const myProperty = properties.prop1;

我所做的通常是在我的项目中创建一个配置文件夹,并以适当的名称放置这些文件,并根据需要使用这些变量。