react
文章平均质量分 54
穿越到未来calc
好好生活
展开
-
一个redux使用案例模板
目录reduxreact-redux1. 结构: count--index.jsxredux--store.jsredux--reducer.jsredux--action.js~~~tomorrow原创 2022-12-07 00:00:26 · 553 阅读 · 0 评论 -
react--router-dom6
1. Navigate 一渲染视图就会切换。使用: {element}原创 2022-11-26 18:35:12 · 176 阅读 · 0 评论 -
react--纯函数、一次打包、扩展
1. 全局安装一个服务器,将静态文件部署上去: cnpm i serve -g。2. 通过命令: serve 当前目录下放静态文件的文件夹。如: serve build。原创 2022-11-24 21:33:57 · 174 阅读 · 0 评论 -
react--redux
1. 通知redux 改变值: store.dispatch({type:'xxx',data: value})2. 检测redux中state的变化: store.subscribe(()=>{})4. 同步action(对象类型) 和异步action(函数类型)异步需要引入中间件。错误: 对象不能作为一个dom元素的节点,即对象不能作为里面的内容。文档: http://www.redux.org.cn。安装: cnpm i redux-thunk。安装: cnpm i react-redux。原创 2022-11-23 22:14:36 · 351 阅读 · 0 评论 -
react--编程式导航、antd的使用
获取: this.props.history.push('/xx/xx') | this.props.history.replace('/xx/xx')控制前进和后退this.porps.history中: goForward() goBack() go(1) go(-1)即可以在一般组件中 的props中收到路由组价特有的api: history、match、location。引入: import {withRouter} from 'react-router-dom'原创 2022-11-23 13:38:05 · 613 阅读 · 0 评论 -
react(任意组件之间传值--消息订阅与发布、路由)
目录 兄弟组件传值--任意组件之间传值fetch发送请求:react 路由解决样式丢失的问题:路由的模糊匹配和严格匹配嵌套路由向路由组件传参前端中文学习网站:印记中文 - 深入挖掘国外前端新领域,为国内 Web 前端开发人员提供优质文档!1. 搜索github 用户的案例: 地址: https://api.github.com/search/users?q=xx消息的订阅与发布1. 装包: yarn add 'pubsub-js' 注意包名不允许有大写引入:例子:取消订阅:fetch发原创 2022-11-22 22:07:40 · 338 阅读 · 0 评论 -
数组的方法(foreach、map)、一些dom元素的事件
(2)每次执行匿名函数都支持三个参数,参数分别为item(当前每一项),index(索引值),arr(原数组)。(2)forEach()允许callback更改原始数组的元素。map()返回新的数组。(1)map()会分配内存空间存储新数组并返回,forEach()不会返回数据。window.confirm('确认弹窗'),点击确认返回true。(3)匿名函数中的this都是指向window。(1)都是循环遍历数组中的每一项。条件统计、条件求和、筛选最值。(4)只能遍历数组。原创 2022-11-21 21:20:43 · 279 阅读 · 0 评论 -
react(子传父、父传子)
状态中的数据某一些组件使用,放在共同的父组件中(状态提升);1. 在package.json 中配置: ”proxy“ : "http://localxxxxx:3000"父组件:利用porps传递一个函数: 使用分别暴露的形式引用: import {nanoid} from 'nanoid'子组件中: this.props.父子间传递给子组件的函数(需要传递的值)最后父组件在fuc函数中利用形参接收子组件传过来的值。原创 2022-11-21 21:20:42 · 797 阅读 · 0 评论 -
react(受控组件、生命周期、使用脚手架)
学习js:mdn 文档1. 受控组件:利用onChage实现数据的响应式2. 高阶函数,函数的柯里化3. 【error】:不能修改已经卸载的组件中的state4. 旧版本的声明周期图:5. 新版本的生命周期图:6. getSnapshotBeforeUpdate 使用场景(46)快照7. a.toTimeString() 获取当前时间8. index作为key可能出现的问题:逆序添加、逆序删除(效率低);如果结构中包含输入类的dom,界面会有问题。原创 2022-11-20 21:40:37 · 234 阅读 · 0 评论 -
react语法点(state、props、refs)
构造函数、实例对象、原型对象(prototype,直接赋值之后需要重新指回constructor)、对象的原型(__proto__,不能直接赋值)、原型链、类、继承。6. ref中使用内联函数作为回调函数的时候,在更新state的过程中执行的次数?注意复习:数组的方法、...运算符(展开数组、连接数组、在函数中使用--接收形参)在类里的函数为什么是箭头函数、为什么是赋值语句?字符串形式的ref、回调函数形式的额ref、1. 简单组件和复杂组件,组件的三个特性。类中的构造器的作用(构造器做什么事)?原创 2022-11-15 22:14:15 · 135 阅读 · 0 评论