weixin_43996061的博客

1.　函数式编程的好处是什么? 函数式编程让我们的代码更清晰，每个功能都是一个函数。 函数式编程为我们的代码测试代理了极大的方便，更容易实现前端自动化测试。 ...

index.js:1375 Warning: Each child in a list should have a unique “key” prop. 解决办法:

在 tsconfig.json中添加代码"baseUrl": "src", create-react-app只支持src或node_modules 可以把 ‘/’ 改成 src

安装稳定版: npm install --save redux 可能还会使用到以下附加包 npm install --save react-redux npm install --save-dev redux-devtools 应用中所有的 state 都以一个对象树的形式储存在一个单一的 store 中。 惟一改变 state 的办法是触发 action，一个描述发生什么的对象。 为了描述 a...

npm install -g create-react-app 搭建一个全局的脚手架 create-react-app my-demo 创建项目 my-demo是项目名字 cd my-demo 进入目录 然后启动 npm start 创建一个typescript react 项目: npm install -g create-react-...

先引入 useState 定义我的数据 在要处理的地方调用 并且在里面写上业务逻辑

hook 兄弟组件传值 创建一个context对象. 当react 渲染一个订阅你这个context 对象的组件, 这个组件会从组件树中离自身最近的那个匹配Provider(Provider 接收一个 value 属性, 传递给消费组件. 一个Provider可以和多个消费组件有对应关系. 多个Provider 也可以嵌套使用, 里层的会覆盖外层的数据 — 如: <MyContext.Pr...

必须要把当前那个值 return 出来, 否则当前input里面的值就是undefined, 并且输入不了

安装 react-router-dom npm install react-router-dom --save-dev 报错： Can’t resolve 'react-router-dom’ 说明 项目中缺少 react-router-dom 模块 命令 npm i react-router-native 安装这个模块 成功后 文件 package.json 中 dependencies 就...

https://segmentfault.com/a/1190000011474522

css样式: 使用: 安装react-transition-group npm install react-transition-group --save 安装好后，你可以先去github上来看一下文档，他是有着三个核心库（或者叫组件）。 Transition CSSTransition TransitionGroup 使用CSSTransition 其实这个库用起来根ng-animat...

react 请求接口 通过 this.setState 将数据重新赋值

在调试处打开设置, 把更新高亮显示打开, 但页面更新的时候,render函数会重新渲染 (可在当前变化的颜色中看出) 这样会影响性能 以上为组件的优化 只有当改变的值是不等于内容的时候才让render 否则就不要, 不然会影响性能 ...

react 生命周期函数一共有三个阶段: Initialization:初始化阶段 Mounting: 挂载阶段 挂载阶段又包含三个阶段: componentWillMount : 在组件即将被挂载到页面的时刻执行。 render : 页面state或props发生变化时执行。 componentDidMount : 组件挂载完成时被执行。 ...

子组件: 父组件: 想把方法传递给子组件: 必须要用到 deleteItem 要进行this的绑定

1.在src中创建一个store文件夹 2.创建一个index.ts 代码如下: // 创建 store 仓库 import { createStore } from 'redux' // 引入 createStore 方法 import reducer from './reducer' // 创建好后引入 const store = createStore(reducer) // 创建数据...