
react
文章平均质量分 81
韩振方
一只进击的前端 Rookie
展开
-
基于React.js的后台管理系统开发全过程(一)
声明:该文章组件全部为函数组件,仅作为记录自己使用react全家桶来开发后台管理平台的记录日志,故文章内容可能会以自己的视角来书写,比如说省略了某些知识,跳过了某些关键的点。故该文章不作为教程发布。请读者选择性观看一.前期工作准备1.git创建仓库2.create-react-app xxx3.连接仓库4.创建分支并且切换分支二.项目基本结构的创建根据实际项目的大概基本配置来完成自己src文件夹下的基础构造,未来如有需求可以再添加。三.主页登陆页面的实现路由工作准备,BrowserRo原创 2022-04-09 06:54:53 · 1268 阅读 · 0 评论 -
React中的renderProps和childrenProps
一:废话不多说,直接开讲:这里有三个组件,我想让B组件内展示C组件,也就是说我想让B组件成为C组件的父亲。(这不是废话吗)我这样写不就完事了吗?但是实际工作当中,我们经常会暂时不太确定B,C组件的关系,等到最后的时候再决定,这时候我们假设B组件最后肯定是C组件的父组件。其实React中还有第二种让C组件成为B组件子元素的方法。你如果之前学过提前学过一些知识点话,你对这个肯定不陌生,也就是B标签的标签体内容是C标签。但是如果你单纯这样写的话,很遗憾,页面上是不会显示C标签的你可能会奇怪,不原创 2022-04-07 08:35:39 · 353 阅读 · 0 评论 -
React router(V6)随手笔记.二
一 .换成自己独有的地址栏信息在地址栏里我们经常可以看到公司的名称或者当前页面的大概内容,其实我们也可以修改地址栏里的路径信息,很简单,在<Link>标签里的to属性里设置就可以二.需要注意的点我们需要注意的是,webpack会把react脚手架下名字叫做public的文件夹当成根目录,也就是说localhost:3000 其实就是public这个文件夹,(你可以暂时这样理解)我这里在public文件夹下写了一个样式。简单的就是body{background-color:gree原创 2022-04-06 13:40:24 · 1029 阅读 · 0 评论 -
高阶函数和回调函数的区别
今天看到高阶函数的概念,突然就迷不过来了,这个高阶函数和回调有什么区别呢?高阶函数英文叫Higher-order function。那么什么是高阶函数?刚开始学习语言我最害怕看到这种XX函数的,一看到就想跳过,结果跳过了发现后面好多知识点都无法理解。我们完全没必要把它想的多么高深,其实高阶函数你在学习到这个阶段的时候已经使用过很多高阶函数了,只不过你之前不知道它们还有这个特殊的称呼。最简单的例子就是setTimeout(fn,delay)一个函数A接收另外一个函数B作为参数,那么这个函数A就叫做原创 2022-03-29 23:14:14 · 489 阅读 · 0 评论