react
Da Duang
这个作者很懒,什么都没留下…
展开
-
react面试
1. 函数式编程的好处是什么?函数式编程让我们的代码更清晰,每个功能都是一个函数。函数式编程为我们的代码测试代理了极大的方便,更容易实现前端自动化测试。...原创 2019-06-10 15:36:04 · 85 阅读 · 0 评论 -
react 遇到的报错
index.js:1375 Warning: Each child in a list should have a unique “key” prop.解决办法:原创 2019-08-12 11:41:56 · 257 阅读 · 0 评论 -
关于 react 引入文件 路径
在 tsconfig.json中添加代码"baseUrl": "src",create-react-app只支持src或node_modules可以把 ‘/’ 改成 src原创 2019-08-12 10:18:42 · 3780 阅读 · 1 评论 -
redux 状态管理 createStore, combineReducers, applyMiddleware, compose
安装稳定版: npm install --save redux可能还会使用到以下附加包npm install --save react-reduxnpm install --save-dev redux-devtools应用中所有的 state 都以一个对象树的形式储存在一个单一的 store 中。 惟一改变 state 的办法是触发 action,一个描述发生什么的对象。 为了描述 a...原创 2019-08-14 11:54:07 · 730 阅读 · 0 评论 -
创建react js/ts 项目
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-...原创 2019-08-13 16:43:20 · 1197 阅读 · 0 评论 -
关于 react - typescript - ant 表格删除行(hook useState)
先引入 useState定义我的数据在要处理的地方调用 并且在里面写上业务逻辑原创 2019-08-06 14:36:20 · 896 阅读 · 2 评论 -
hook(react) 兄弟组件传值
hook 兄弟组件传值创建一个context对象.当react 渲染一个订阅你这个context 对象的组件, 这个组件会从组件树中离自身最近的那个匹配Provider(Provider 接收一个 value 属性, 传递给消费组件. 一个Provider可以和多个消费组件有对应关系. 多个Provider 也可以嵌套使用, 里层的会覆盖外层的数据 — 如:<MyContext.Pr...原创 2019-07-26 17:18:05 · 7682 阅读 · 1 评论 -
关于 react ant form 表单提交
必须要把当前那个值 return 出来, 否则当前input里面的值就是undefined, 并且输入不了原创 2019-08-02 17:23:27 · 1724 阅读 · 0 评论 -
React实现路由跳转 exact严格模式
安装 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 就...原创 2019-07-29 17:07:42 · 1579 阅读 · 0 评论 -
Redux
https://segmentfault.com/a/1190000011474522原创 2019-06-24 10:31:49 · 75 阅读 · 0 评论 -
react 动画
css样式:使用:安装react-transition-groupnpm install react-transition-group --save安装好后,你可以先去github上来看一下文档,他是有着三个核心库(或者叫组件)。TransitionCSSTransitionTransitionGroup使用CSSTransition其实这个库用起来根ng-animat...原创 2019-06-24 10:27:18 · 300 阅读 · 3 评论 -
react请求接口并赋值
react 请求接口 通过 this.setState 将数据重新赋值原创 2019-06-21 17:03:31 · 2883 阅读 · 0 评论 -
react 生命周期改善程序性能
在调试处打开设置, 把更新高亮显示打开, 但页面更新的时候,render函数会重新渲染(可在当前变化的颜色中看出)这样会影响性能以上为组件的优化只有当改变的值是不等于内容的时候才让render否则就不要, 不然会影响性能...原创 2019-06-21 16:25:37 · 140 阅读 · 0 评论 -
react 生命周期函数
react 生命周期函数一共有三个阶段:Initialization:初始化阶段Mounting: 挂载阶段挂载阶段又包含三个阶段:componentWillMount : 在组件即将被挂载到页面的时刻执行。render : 页面state或props发生变化时执行。componentDidMount : 组件挂载完成时被执行。...原创 2019-06-21 15:14:26 · 176 阅读 · 0 评论 -
react调试工具
原创 2019-06-10 15:49:20 · 80 阅读 · 0 评论 -
react 子组件传值给父组件
子组件:父组件:想把方法传递给子组件:必须要用到 deleteItem 要进行this的绑定原创 2019-06-10 15:28:58 · 698 阅读 · 0 评论 -
写一个简单的 redux
1.在src中创建一个store文件夹2.创建一个index.ts 代码如下:// 创建 store 仓库import { createStore } from 'redux' // 引入 createStore 方法import reducer from './reducer' // 创建好后引入const store = createStore(reducer) // 创建数据...原创 2019-08-22 15:20:49 · 113 阅读 · 0 评论