react如何声明一个变量
声明变量的方法
在React中声明变量的方式与普通JavaScript一致，但需结合组件特性考虑作用域和生命周期。以下是常见方法：
组件内局部变量
直接在函数组件或类组件方法内部使用const、let或var声明：
function MyComponent() {
const count = 0; // 推荐使用const声明不可变值
let isLoading = true; // 可变值使用let
var legacyVar = ''; // 避免使用var（函数作用域）
}类组件实例属性
在类组件中可通过this绑定实例变量：
class MyComponent extends React.Component {
count = 0; // 类字段语法（Stage 3提案）
constructor() {
this.state = { /*...*/ };
}
}状态变量（Hooks）
使用useState Hook声明响应式变量：
import { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0); // 状态变量
}上下文/全局变量
跨组件共享时使用Context或全局变量：
const AppContext = React.createContext(); // 上下文变量
window.globalVar = {}; // 慎用全局变量选择依据
- 局部变量：临时计算且无需响应式更新
useState：需要触发UI更新的数据- 类字段：类组件中与实例绑定的数据
- Context：跨层级组件共享数据
