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