也是很无聊,竟然写这玩意,毕竟不是学术研究,普通工作没那么多概念性东西,会用就行╮(╯▽╰)╭
在React中,变量是用于存储和管理数据的基本单位。根据其用途和生命周期,React中的变量可以分为以下几类:
1. 状态变量(State)
- 用途:用于存储组件的内部状态,状态变化会触发组件的重新渲染。
- 定义方式:
- 函数组件:使用
useState
钩子。const [count, setCount] = useState(0);
- 类组件:使用
this.state
和this.setState
。class MyComponent extends React.Component { state = { count: 0 }; render() { return <div>{this.state.count}</div>; } }
- 函数组件:使用
- 特点:
- 状态是组件私有的,外部无法直接访问。
- 更新状态需要使用特定的方法(如
setCount
或this.setState
)。