React
文章平均质量分 84
React
鱼仔是个NaN
努力努力努力努力再努力
展开
-
React Router 6
React Router 发布了三个不同的包:与 React Router 5.x 版本的区别:安装 6 版本的 React Router 文件引入 设置路由链接和注册路由。 属性用于指定匹配时是否区分大小写(默认为 false) 用于包裹整个应用。作用与 一样,但 修改的是地址栏的 hash 值。6.x 版本中 、 的用法与 5.x 相同。6 版本中移出了 ,引入了新的替代者: 和 要配合使用,且必须要用 包裹 相当于一个if语句,如果路径匹配当前URL,则呈现其对应组件属性用于指定原创 2022-11-18 18:46:58 · 3369 阅读 · 0 评论 -
React系统学习笔记--超基础--超详细--超简洁--React 拓展(八)
组件间的关系父子组件兄弟组件(非嵌套组件)祖孙组件(跨级组件)- props: 1) . children props(2) . render props - 消息订阅 - 发布:ubs - sub、event等等 - 集中式管理:edux、dva等等 - conText : 产者 - 消费者模式比较好的搭配方式- 父子组件:props - 兄弟组件:消息订阅 - 发布、集中式管理 - 祖孙组件(跨级组件) :消息订阅 - 发布、集中式管理、conText(开发用的少,封装插件用的多)原创 2022-11-18 12:45:30 · 105 阅读 · 0 评论 -
React系统学习笔记--超基础--超详细--超简洁--Redux(七)
学习文档redux是什么redux是一个专门用于做状态管理的JS库(不是react插件库)它可以用在react,angular,vue等项目中,但基本与react配合使用作用:集中式管理react应用中多个组件共享的状态什么情况下需要使用redux某个组件的状态,需要让其他组件可以随时拿到(共享)一个组件需要改变另一个组件的状态(通信)总体原则:能不用就不用, 如果不用比较吃力才考虑使用redux工作流程。原创 2022-11-15 22:40:52 · 296 阅读 · 0 评论 -
React系统学习笔记--超基础--超详细--超简洁--React UI组件库 Ant Design(六)
react中看不见配置文件,需要的话可以npm eject,不建议这样做。那我们要修改配置怎么办:在config-overrides.js里面配置好规则,然后customize-cra去执行规则,修改了配置文件,我们就不能用npm start启动脚手架,需要react-app-rewired库来安装依赖修改package.json根目录下创建config-overrides.js注意:如果按照官方文档的自定义主题进行配置可能会报错,需要多加一层。原创 2022-11-14 14:46:16 · 275 阅读 · 0 评论 -
React系统学习笔记--超基础--超详细--超简洁--React路由(五)
单页Web应用(single page web application,SPA)整个应用只有点击页面中的链接页面,只会做页面的数据都需要通过ajax请求获取,并在前端异步展现。原创 2022-11-13 13:45:24 · 160 阅读 · 0 评论 -
React系统学习笔记--超基础--超详细--超简洁--React Ajax(四)
proxy此部分需要预备技术栈:ajax、Axios。原创 2022-11-09 17:28:30 · 178 阅读 · 0 评论 -
React系统学习笔记--超基础--超详细--超简洁--React应用基于脚手架(三)
脚手架是用webpack搭建的,我们现在不用从零开始搭建了xxx脚手架:用来帮助程序原快速创建一个基于xxx库的模板项目react提供了一个用于创建react项目的脚手架库:create-react-app(基于React脚手架的项目,把项目的每个文件读懂,再把自己的业务逻辑加进去)项目的整体技术架构为:react+webpack+es6+eslint使用脚手架开发的项目的特点:模块化、组件化、工程化有了这个库,才能创建出来脚手架。原创 2022-11-06 20:07:04 · 505 阅读 · 0 评论 -
React系统学习笔记--超基础--超详细--超简洁--React面向组件编程(二)
函数式声明组件< script type = "text/babel" > //1.创建函数式组件 function MyComponent() {原创 2022-11-04 21:23:32 · 138 阅读 · 0 评论 -
React系统学习笔记--超基础--超详细--超简洁--React入门(一)
用于动态构建用户界面的JavaScript(只关注视图)由Facebook开源。原创 2022-11-04 17:14:46 · 142 阅读 · 0 评论