如何在反应类中声明常量？

要声明一个可以在 React 类组件中访问的常量，有多种方法可以有效地实现，以便该常量可以在类范围内访问。可以通过以下两种方式声明常量：

1. 在类中创建一个 getter 方法，以便在需要时获取常量。
2. 在类声明之后分配类常量。

使用以下命令创建示例项目：

// constantDemo is the name of our folder
npx create-react-app constantDemo

现在使用以下命令移动到constantDemo文件夹：

cd constantDemo

项目结构将如下所示：

文件名：App.js现在打开App.js文件并在其中粘贴以下代码：

Javascript

import React, { Component } from "react";
  
class App extends Component {
  
    static get myConstant() {
        return {
            name : "GFG",
            id : 1
        }
    }
  
    render() {
        return (
            
My constant is : 
{JSON.stringify(this.constructor.myConstant)}
        );
    }
}
  
export default App

现在使用以下命令运行项目：

npm start

输出 ：

声明常量的另一种方法如下所示。将以下代码粘贴到 App.js文件。

文件名：App.js

Javascript

import React, { Component } from "react";
  
class App extends Component {
  render() {
    return (
       
My constant is : 
{JSON.stringify(this.constructor.myConstant)}
    );
  }
}
  
GFG.myConstant = {
    name : "GeeksForGeeks",
    id : 2
}
  
export default App

现在使用以下命令运行项目：

npm start

输出：