![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 93
react学习
前端 贾公子
博主写了对element-plus的表格和表单的封装
[表格]https://gitee.com/childe-jia/table-vue3
[表单] https://gitee.com/childe-jia/form-render
大家支持一下
展开
-
Redux&&React-redux
目录redux学习文档redux是什么什么情况下需要使用reduxredux工作流程redux的三个核心概念actionreducerstore求和案例_redux精简版求和案例_redux完整版求和案例_redux异步action版. redux的核心APIreact-reduxreact-redux 原理. react-Redux将所有组件分成两大类react-redux的基本使用连接容器组件于ui组件red...原创 2022-04-14 22:45:58 · 439 阅读 · 0 评论 -
React 生命周期&&diff算法
事件处理通过onXxx属性指定事件处理函数(注意大小写) React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 为了更好的兼容性 React中的事件是通过事件委托方式处理的(委托给组件最外层的元素) 为了高效 通过event.target得到发生事件的DOM元素对象 不要过度使用ref<script type="text/babel"> //创建类组件 class Demo extends React.Component { ...原创 2022-04-09 15:41:01 · 325 阅读 · 0 评论 -
React应用(基于React脚手架)
React应用(基于React脚手架)react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置(语法检查、jsx编译、devServer…) 下载好了所有相关的依赖 可以直接运行一个简单效果 react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: react + webpack + es6 + eslint 使用脚手架开发的项目的特点: 模块化, 组件化, 工程化创建...原创 2022-04-10 20:50:03 · 1241 阅读 · 0 评论 -
React扩展知识
setStatesetState更新状态的2种写法(1). setState(stateChange, [callback])------对象式的setState1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用(2). setState(updater, [callback])------函数式的setState1.updater为返回stateChange对象..原创 2022-04-15 21:31:36 · 133 阅读 · 0 评论 -
React类组件函数组件&& 组件实例的三大核心属性
基本理解和使用React面向组件编程原创 2022-04-07 18:57:11 · 1121 阅读 · 0 评论 -
React路由
目录SPA的理解路由的理解路由分类后端路由:前端路由:前端路由原理react-router-dom路由的基本使用路由组件与一般组件NavLink与封装NavLinkSwitch的使用解决多级路径刷新页面样式丢失的问题路由的严格匹配与模糊匹配Redirect的使用 嵌套路由路由传参扫盲ajax请求时携带参数的方式params参数search参数.state参数push与replace模式编程式路由导航with...原创 2022-04-13 19:33:26 · 998 阅读 · 0 评论 -
React ajax
前置说明React本身只关注于界面, 并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互(json数据) react应用中需要集成第三方ajax库(或自己封装). 常用的ajax请求库jQuery: 比较重, 如果需要另外引入不建议使用 axios: 轻量级, 建议使用 封装XmlHttpRequest对象的ajax promise风格 可以用在浏览器端和node服务器端 axios...原创 2022-04-11 23:43:51 · 1953 阅读 · 0 评论 -
React入门
React简介官网英文官网:https://reactjs.org/ 中文官网: https://react.docschina.org/介绍描述用于动态构建用户界面的 JavaScript 库(只关注于视图) 由Facebook开源React的特点声明式编码 组件化编码 React Native 编写原生应用 高效(优秀的Diffing算法)React高效的原因使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。 DOM Diffing算法, .原创 2022-04-06 15:07:35 · 123 阅读 · 0 评论