- 博客(6)
- 资源 (1)
- 收藏
- 关注
原创 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 620
原创 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 1941 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 2899
原创 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 3571 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 4796
原创 React中img加载图片时遇上了403
React中img加载图片时遇上了403我在做项目的时候遇上了这么一个问题,那就是在React项目中,使用img标签加载网页的图片的时候,居然遇上了403,但是直接把网页图片的地址放到地址栏时浏览器是可以成功加载的,但是放到React项目中使用img加载网页图片的时候就会403,如果遇上了这种情况,以下是解决办法:在index.html文件中加上<meta name="referr...
2020-02-02 20:59:51 1387 4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人