
React
文章平均质量分 74
头发没了还会再长
你不需要很厉害才开始,但你要开始才能很厉害
展开
-
React——Redux
在上一篇博客里,如果两个子节点要共享数据,就必须把公共数据放到最近公共祖先里,redux的作用就是单独有一块区域可以用来存放公共数据,可以看成全局变量**redux将所有数据存储到树中,且树是唯一的。**每一个结点都会有一个值Redux基本概念代码示例:(维护一个结点)代码示例:(维护两个结点)React-Redux基本概念安装举例:App组件下面两个子节点 Number组件(number.jsx)和String组件(string.jsx)state树包含number和string两个结点,在文原创 2022-07-08 18:33:03 · 419 阅读 · 0 评论 -
React——路由
Web分类安装环境Route组件介绍URL中传递参数解析URL:获取参数,类组件写法:Search Params传递参数类组件写法:函数组件写法:重定向使用Navigate组件可以重定向。嵌套路由注意:需要在父组件中添加组件,用来填充子组件的内容。初始页面实现如下:接下来,将Home Linux Django Web都做成一个组件目录实现web页面已经有了连接,接下来要通过每个url里面的id去渲染对应的页面,因为一个网页可能有上万个目录,不可能写这么多路由,所以一般原创 2022-07-07 13:34:33 · 382 阅读 · 0 评论 -
React——组合components
1.创建Boxes组件Boxes组件中包含一系列Box组件。之前已经写好了一个box.js文件,里面有一个Box类,这个类就可以引入到Boxes.js文件作为一个标签使用。2.从上往下传递数据通过属性可以从上到下传递数据。通过标签传数据,在标签内定义之后,在定义标签的类里通过this.props可以得到定义的数据,定义时对应的值要加大括号例如:输出:3.传递子节点通过属性传递子节点如果是标签嵌套,那么标签内部的孩子也会传递过去例如:输出:Box在Boxes里面作为原创 2022-07-06 23:12:00 · 344 阅读 · 0 评论 -
React——Components
1.1 创建项目创建项目box-app:安装bootstrap库:bootstrap的引入方式(src/index.js):1.2 创建Component1.3 创建按钮当子节点数量大于1时,可以用或将其括起来,记得加括号。1.4 内嵌表达式显示1.5 设置属性需要某个组件的样式,就可以在Bootstrap里面搜索,然后将对应的class复制过来即可例如:1.6 数据驱动改变Stylestyle={{}},两层大括号,外层跟1.4一样,表示内嵌属性,用大括号括起来,内层的大括号代表一原创 2022-07-06 13:52:42 · 710 阅读 · 0 评论 -
React——ES6语法补充
使用函数绑定取值在JavaScript中,函数里的this指向的是执行时的调用者,而非定义时所在的对象。例如:运行结果:bind()函数,可以绑定this的取值。例如:箭头函数的简写方式可以简写为:箭头函数不重新绑定this的取值例如:对象的解构例如:数组和对象的展开例如:Named 与 Default exports例如:...原创 2022-07-06 10:09:32 · 129 阅读 · 0 评论