React
傻她你呀
这个作者很懒,什么都没留下…
展开
-
React购物车项目
React购物车项目想看购物车项目源代码,请点击这里以下是项目的一些页面展示:商品展览商品信息购物车源代码点击这里原创 2020-06-16 23:20:28 · 558 阅读 · 0 评论 -
Error: Unknown option: .preset的解决方案
有时候在使用webpack打包项目的时候会出先Error: Unknown option: .preset这个错误ERROR in ./src/index.jsModule build failed (from ./node_modules/babel-loader/lib/index.js):Error: Unknown option: .preset. Check out https://babeljs.io/docs/en/babel-core/#options for more infor.原创 2020-05-31 12:03:32 · 11767 阅读 · 14 评论 -
react引入本地mp4视频
react引入本地mp4视频相信有时候在react中使用video标签会导致视频无法播放的问题在react项目里边引入本地mp4视频有两种方法1.直接本地引入// app.js<video src={require('../asset/24783431-1-80.mp4').default} controls></video>// 形式上基本是这样<video src={require(mp4视频的路径).default} controls></v原创 2020-05-16 14:00:13 · 8323 阅读 · 3 评论 -
教你如何一步一步手动创建react项目
手动创建react项目初始化项目// yarnyarn init// npmnpm init项目的目录结构- dist- src- - App.js- - index.js- .babelrc- webpack.config.js- package.json下载 webpack 和 webpack-cli// yarnyarn add webpack...原创 2020-05-03 09:48:01 · 866 阅读 · 0 评论 -
react项目中使用redux
react项目中使用redux首先创建react项目,我使用的是create-react-app,创建了一个pro项目create-react-app pro一般我会引用antd组件,这样会很方便然后就是引入redux,先下载下面这些库:// 我比较喜欢用yarn命令yarn add redux react-redux redux-thunk// 或者你可以使用npmn...原创 2020-02-22 13:32:07 · 622 阅读 · 0 评论 -
react-navigation 5.x实现安卓下页面的左右切换
react-navigation 5.x实现安卓下的左右切换直接看代码吧:import 'react-native-gesture-handler';import React from 'react';import { View, Text, StyleSheet, TouchableNativeFeedback } from 'react-native'// react-nav...原创 2020-02-09 16:16:23 · 1948 阅读 · 4 评论 -
React图片懒加载
React图片懒加载话不多说了,创建一个LazyLoad.js的React组件,然后将下面的代码复制过去:import React from 'react'// import './lazyload.css'// thresholdconst threshold = [0.01]class LazyLoad extends React.Component{ construc...原创 2020-02-07 18:07:40 · 2903 阅读 · 0 评论 -
antd的按需导入
antd的按需导入我是直接使用create-react-app创建的React项目app,创建React项目之后运行npm run eject然后查看package.json文件里的末尾会多出了"babel": { "presets": [ "react-app" ] }然后运行npm i babel-plugin-import --save-dev...原创 2020-02-07 16:55:57 · 3572 阅读 · 1 评论 -
React中img图片加载完成前的loading效果
React中img图片加载完成前的loading效果我在React中有这么一个需求,那就是我希望在图片加载完成前的时候一直显示loading动画效果,等图片加载完成了就实现图片的渲染先讲讲具体的思路,再来说说实际的应用实现思路:// 假设我要加载这三张网页图片var imglist = ['http://example.com/demo1.png','http://example.c...原创 2020-02-02 21:30:34 · 4802 阅读 · 0 评论 -
React中img加载图片时遇上了403
React中img加载图片时遇上了403我在做项目的时候遇上了这么一个问题,那就是在React项目中,使用img标签加载网页的图片的时候,居然遇上了403,但是直接把网页图片的地址放到地址栏时浏览器是可以成功加载的,但是放到React项目中使用img加载网页图片的时候就会403,如果遇上了这种情况,以下是解决办法:在index.html文件中加上<meta name="referr...原创 2020-02-02 20:59:51 · 1389 阅读 · 4 评论 -
adb server version (31) doesn't match this client (40)
React Nactive使用中遇到的问题我也是最近才刚刚开始接触React Nactive,之前是接触的Vue比较多,先说说我在安装过程中遇到的问题不得不说React Nactive很良心,安装模拟机真机调试的教程写的很清楚,基本上你只要跟着教程一步一步走,不会有什么问题,这次说的问题就是这个,看下图:但是我输入adb devices 之后结果是这个样的:我可以确定的是,我的USB...原创 2019-08-22 17:39:01 · 146 阅读 · 0 评论