React
Emperor-c
专心搞前端,用心敲代码
展开
-
React中路由的配置,基于react-router-dom实现路由管理
基于react-router-dom ,实现react中路由的跳转既然是基于react-router-dom实现的路由,那么我们第一步当然是下载react-router-dom啦npm i react-router-dom -s基本概念我们先讲几个我们要用到的存在于react-router-dom包中几个基本的方法,{ BrowserRouter, Route,Switch,Redirect}1、第一个BrowserRouter就是总的路由管理了,他是说明,内部的路由的跳转,都是基于浏览器的hi原创 2020-07-11 13:50:07 · 1664 阅读 · 2 评论 -
React中Redux的使用和封装
React中的Redux的使用Redux他不仅能为react这样的框架提供,他也能在许多框架中大显伸手,此次呢我们就来了解一下Redux在react中是如何服务的我们要知道,我们使用Redux,就是想要一个全局的store,能够控制整个程序,程序中个个组件都能获取和修改,也就是全局的仓库,类似于Vue的VueX,了解了这些我们就可以开始部署我们的react的store了首先:我们需要安装两个包,一个是redux,一个是react-redux,后者就是联系react和redux的中间件npm ins原创 2020-07-10 21:15:47 · 985 阅读 · 0 评论 -
react中swiper的配置(纯swiper篇)
react中swiper的配置(纯swiper篇)本次的swiper的配置基于3.4.2版本的swiper包本篇博客可以有效解决配置的swiper不轮播,不自动轮播问题1、首先安装swiper3.4.2版本npm i swiper@3.4.2 -s这时候你会发现你的node_modules里面多了一个swiper包,如果你已经安装过其他的swiper,请先卸载2、如果你的swiper里面轮播的内容是静态的,也就是死数据的话,new swiper可以放在 组件componentDidMount周原创 2020-07-10 08:57:50 · 4011 阅读 · 11 评论 -
React less less-loader的使用,以及‘{’报错解决
React less语法支持编译与less的配置,以及‘{’报错解决(第3步)本次的less编译,主要基于less-loader这个包1、首先呢我们需要展开我们的webpack配置文件,这个在react中是默认隐藏的,你需要将它显示出来(注意此操作是不可逆的)npm run eject2、然后我们需要下载less-loader//less-loader负责打包转码npm i less less-loader -s //本地化安装less和lessloader3、然后我们就需要进行环境的原创 2020-07-09 19:43:18 · 3618 阅读 · 0 评论 -
React-分页器-(换页器)小组件
React-分页器-(换页器)小组件样式效果功能描述:当前页为1时,首页和左换页按钮消失当但前页为最后一页时,最后一页和右换页按钮消失,点击数组或者其他按钮会切换到相应页组件所需参数:pages_nus //当前页的IDzongyeshu //总页数max_nums //最大显示页数clickAction(id) //更改当前页的函数其父组件:方法配置:clickAction(id){ this.setState(()=>({active_id原创 2020-07-09 16:38:54 · 939 阅读 · 0 评论 -
React中swiper的配置(reactjs-swiper)
React中reactjs-swiper的使用与入坑React中reactjs-swiper的使用与入坑本文最先参考了https://www.cnblogs.com/cbp-jltx/p/9681838.html但是,也不知道什么原因,swiperOptions始终不起作用,不知道是不是我自己的原因,但是通过一番摸索,我自己弄出了一套可行的办法。总共分为六个步骤:第一步://npm install reactjs-swiper;// 先安装 reactjs-swiper;npm insta原创 2020-07-09 15:04:33 · 1813 阅读 · 2 评论