react
爱吃香菜的小张
这个作者很懒,什么都没留下…
展开
-
React实现上拉刷新
React实现下拉刷新、图片懒加载、上滑加载更多、图片预加载1.首先在componentDidMount钩子函数中,调用接口,之后CarList渲染到页面async componentDidMount() { // 这里是调用接口 this.CarArray = await searchCar({ page: 1, mod: "宝马" }); //console.log(this.CarArray) // 这里是设置值 this.setState({原创 2021-09-02 21:57:17 · 874 阅读 · 4 评论 -
react中redux的使用流程
react中redux的执行过程?1.先下载安装包redux与react-redux 一下是我的版本号2.在index.js中引入 将内容使用Provider包裹3.在public底下创建一个store文件夹里面是index.js文件和actions.js3.1在index.js中createStore,将数据定义然后根据actions.type来判断,返回不同的值,并将action引入,最后导出这个文件。import {createStore} from 'redux';// 这里是引入原创 2021-08-31 14:26:56 · 405 阅读 · 0 评论 -
react实现拖拽(原生)
react实现原生的拖拽大致思路如下:1.在给要拖拽的元素添加touchstart事件。在touchstart事件里面获取到鼠标在元素上的位置ev.changedTouches[0].pageX-ev.target.offsetLeft,然后添加touchmove的事件,在touchmove事件里面获取ev.changedTouches[0].pageX-上面求出的鼠标的位置就求当前的位置,然后给当当前要拖拽的元素设置style的left与top值,话不多说上代码注意样式里面要加定位 这里的this只能原创 2021-08-24 16:26:06 · 975 阅读 · 0 评论 -
react实现拖拽
react实现拖拽1.先下载react的项目步骤:1.创建一个新的文件夹cmd访问2.输入命令 npm install -g create-react-app 然后 create-react-app my-new-app(my-new-app为文件夹名称,可自定义)2.在src下创建新的文件夹,然后在新的文件夹下创建js文件跟css文件,在js文件里面import React from 'react'import './tzs.css'class Drag extends React.Com原创 2021-08-23 15:21:51 · 763 阅读 · 0 评论