React
越来越好。
不实心不成事,不虚心不知事。 不自是者博闻,不自满者受益。
展开
-
React webapp路由跳转
React webapp路由跳转Router下面只能包含一个盒子标签,类似这里的div。 Link,NavLink代表一个链接,相当于一个a标签。需要有一个to表示地址。 Route,代表路由界面,path代表路径,component代表路径所对应的界面。 项目入口 》Router包括路由组件和底部菜单组件 》 路由组件里面引入所有需要用到的路由(<Route>),底部菜单...原创 2020-05-06 11:03:19 · 362 阅读 · 0 评论 -
关于react 左右布局项目的路由问题(个人记录解惑)
最近在学习react,在写一个练手的左右布局后台管理的项目时候出了疑惑;就是路由的问题。个人记录解惑。问题描述:一个项目我登录成功后 这时候跳转到 一个左右布局的后台管理系统中(点击菜单右边内容变换那种) 这时路由为http://localhost:3000/index; 这个时候如果左边有首页这个菜单,怎么自动匹配到这个首页菜单对应的路由呀(这个菜单对应的路由地址为啥非要也写in...原创 2019-10-25 12:56:12 · 1268 阅读 · 0 评论 -
React实现轮播
React实现轮播思路使用全局的state进行状态管理 设置全局下标,对当前的图片下表进行样式划分 定时循环人物便利改变全局下标<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...原创 2019-07-02 15:43:39 · 6135 阅读 · 1 评论 -
React实现全选
React实现全选主要就是使用state状态管理 jsx写的时候要多留心,return 的时候最好用一个()包着元素部分,不然有可能编译不过。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...原创 2019-07-01 22:31:25 · 2533 阅读 · 3 评论 -
React中的双向数据绑定之input
React中的双向数据绑定之input主要是通过状态管理进行的双向数据绑定 将input中的value与state进行绑定,修改input的同时触发修改state,然后更新全局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta ...原创 2019-06-12 00:04:46 · 9959 阅读 · 0 评论 -
React中的tab标签切换
React中的tab标签切换涉及到构造函数和状态管理状态值不能直接更改,需要通过set方法!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...原创 2019-06-10 00:19:30 · 3886 阅读 · 0 评论 -
React中的for循环
React中的for循环记得要绑定key!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2019-06-10 00:13:36 · 49043 阅读 · 1 评论 -
React没有搭建脚手架时组件传参
React没有搭建脚手架时组件传参通过函数创建组件传参时 需要在函数里面进行显式的参数传递 通过类创建的组件传参时 不需要显示的参数传递 但是调用的时候需要加上this.什么什么<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <m...原创 2019-06-10 00:06:32 · 197 阅读 · 0 评论 -
开始学习React啦---React入门实例
React学习(第一个实例)Vue学的差不多了,谈不上精通,但是单人搭建、开发、组件、路由、vuex什么的都基本没问题了,所以不能闲着,打算边写项目温习Vue,边学习下Reac。因为是刚开始学习熟悉下写法,所以并没有上来就开始搭建脚手架什么的。需要注意下面三个地方。引入文件 一共有三个 分别是 babel,react-dom,react.d...原创 2019-06-09 23:58:45 · 815 阅读 · 0 评论