博主头像
<CodeEra />

心存敬畏 行有所止

分类 默认分类 下的文章

React中setState的函数式与对象式使用及优缺点分析

1. setState概述作用:setState是React中用于更新组件状态的方法,触发组件重新渲染。两种形式:对象式:直接传递一个状态对象。函数式:传递一个函数,返回新的状态对象。2. 对象式setState语法:this.setState({ key: value });示例:this.setState({ count: this.state.count + 1 });优点:简单直观,适合直

React项目生产环境打包与运行学习笔记

1. 项目初始化工具:Create React App (CRA)命令:npx create-react-app my-app cd my-app说明:CRA提供开箱即用的配置,适合快速启动React项目。2. 开发环境运行命令:npm start说明:启动开发服务器,默认端口3000,支持热重载。3. 生产环境打包命令:npm run build说明:生成优化后的静态文件,存放在build目录,

Redux 和 React-Redux 从状态管理到 React 集成

学习笔记1. Redux 是什么?Redux 是一个用于 JavaScript 应用的状态管理库。它的核心思想是将应用的状态集中存储在一个全局的 store 中,并通过 action 和 reducer 来管理状态的更新。核心概念:Store:存储应用的状态。Action:描述状态变化的普通对象。Reducer:纯函数,根据 action 更新状态。特点:与框架无关,可以用于 React、Vue、

React 中 withRouter 的作用

React 中 withRouter 的作用1. 简介withRouter 是 React Router 提供的一个高阶组件(Higher-Order Component, HOC),用于将路由相关的属性(如 history、location 和 match)注入到非路由组件中。通过 withRouter,可以在那些没有被直接包裹在 <Route> 组件中的组件中访问路由信息。2. 为