![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
素燃
忙里偷闲,发现有意思的东i就写点
展开
-
第一次使用react-native后的总结
撸完react-native的感受关于RN的介绍就不多说了,已经好几年了,如今RN的生态圈也已经很成熟了,基本配套的UI和插件,95%都能找到,如果你有react的基础,1-2天内上手是没有问题的,如果你没有接触过react,可能需要几天时间适应它的写法,除了对于前端开发的来说,配置安卓开发环境麻烦点,可能一部分小伙伴,因为这个配置环境问题就放弃了,window系统有点麻烦,mac系统1小时左...原创 2019-02-18 17:00:36 · 3284 阅读 · 0 评论 -
简单实现react 列表自动向上滚动,进入暂停,离开继续
import React, { useEffect, useRef, useState } from 'react';import './1.css';function App() { const [list] = useState([1, 2, 3, 4, 5, 6, 7, 9, 10, 11, 12, 13]); const [isScrolle, setIsScrolle] = useState(true); // 滚动速度,值越小,滚动越快 const sp原创 2020-12-30 17:32:32 · 2427 阅读 · 3 评论 -
dva 开发 ,简单写写,及配置 不同的 服务器打包指令
安装 dva-cli$ npm i dva-cli -g$ dva -v创建新应用$ dva new project$ cd project$ npm start配置接口及打包环境cross-env 地址 # 安装插件$ npm i cross-env修改 .webpackrc.jsexport default { define: {...原创 2019-08-27 16:13:59 · 1526 阅读 · 1 评论 -
使用 UmiJs 中的 ant-design-pro 开发系统,配置自己的接口 和 路由
文档地址参考,以下信息都是项目模板已初始化完毕,项目启动如下1. 关闭 国际化 开发1. 执行 npm run i18n-remove2. 删除 src 下的locales 包2. 配置接口环境,不说了,只不过,这个define 需要添加到 config 文件夹下, 配置方法同上篇文章3. 配置自己的开发接口地址在config 文件夹下,修改 config.js ...原创 2019-08-11 11:41:22 · 4622 阅读 · 0 评论 -
使用 umi + dva 开发配置接口环境
乌米文档,创建项目模板啥的就不说了关于选择project, 自定义开发的话, 选择 app 选项,其它不多说了之后会问你选择 ts 吗? ,是否使用antd, dva, code spliting ,dll,可选的,自己决定最后,启动项目,打开控制台,一堆警告,和错误提示,关于警告,就是react 钩子在新版本已经换名字了,现在的这些以后会过时了,都是 .umi 文件报的,并...原创 2019-08-11 10:31:20 · 7528 阅读 · 0 评论 -
react官方 脚手架 中 配置服务器接口环境,不同的打包名
使用react官方脚手架,在开发中,难免要自己配置接口服务环境,打不同的包,作为一名前端,这一切都想要自动化,手动改容易出错,而且比较麻烦,接下来,记录一下自己的配置之旅。。。参考react-create-app 文档react 兼容 IE 7 - 8 低版本 具体配置... 创建项目....项目结构同样是在项目根目录下 创建 .env 文件, 默认读取 ...原创 2019-06-24 14:38:50 · 2374 阅读 · 0 评论 -
学习ReactRouter路由的使用
参考官方文档:react-router官方文档ReactRouter 是一种前端路由的实现方式,关于前端路由的原理后续补充Router 的新版本号是 v5,ReactRouter 包含 3 个库:react-router、react-router-dom 和 react-router-native。react-router 提供最基本的路由功能,实际使用时,我们不会直接安装 re...原创 2019-05-15 16:27:29 · 591 阅读 · 3 评论 -
学习React中的JSX基本语法
JSX简介参考:react 官方jsx介绍JSX 是一种用于描述UI的JavaScript扩展语法,本质上仍然是JavaScriptReact 认为,一个组件应该是具备UI描述和UI数据的完整体,不应该将它们分开处理,于是发明了JSX,作为UI描述和UI数据之间的桥梁。这样,在组件内部可以使用类似HTML的标签描述组件的UI,让UI结构直观清晰。Babel 转译器会把 JSX 转换...原创 2019-05-06 17:34:50 · 746 阅读 · 0 评论 -
react 中事件中 绑定this 的 4 种写法,以及箭头函数绑定会出现的问题
参考react官方文档事件第一种: 箭头函数绑定(需要传参数)onClick={() => this.handleClick(index)}import React, { Component } from "react";class App extends Component { constructor(props) { super(props); this...原创 2019-04-30 18:03:38 · 2433 阅读 · 0 评论 -
react 中 setState( ) 的两种写法
react 想要更新视图只能用 setState( ) 方法关于 setState() 这里有三件事情需要知道1. 不要直接更新状态, 而是使用 setState()2. 状态更新可能是异步的React 可以将多个setState() 调用合并成一个调用来提高性能。3. this.props 和 this.state 都可能是异步更新的,你不应该依靠它们的值来计算下一个状态...原创 2019-04-30 17:43:33 · 25846 阅读 · 1 评论 -
开始学习react基础及环境
认识react用于构建用户界面的 JavaScript 库特点:1. 声明式编程2. 一切组件化 (组件可以将UI切分成一些独立的、可复用的部件,这样你就只需专注于构建每一个单独的部件)3. 生态圈强大【一次学习,随处编写】4. 自上而下的单一数据流5. 主推的jsx语法6. 函数式编程关于声明式编程 和 命令式编程先认识一下windows系统的 终端...原创 2019-04-30 16:40:37 · 232 阅读 · 0 评论 -
react官方脚手架中webpack配置线上环境和测试环境接口地址打包指令,以及配置antd的按需加载和样式处理
写在前边,今天是2019-1-2号的版本我这边用的最新版的react脚手架,webpack版本已经升级了,去年12之前的它使用的webpack版本还是3.5的版本,如今的脚手架中config文件夹中的配置文件也少了,先上个模板,实际开发中,难免要暴露webpack配置文件,来配置一些自己的配置,比如别名,生产环境打包,测试环境打包,测试接口,开发接口,代理等,这些都需要你对webpack...原创 2019-01-02 13:34:52 · 7829 阅读 · 7 评论 -
react 配合使用redux,以及异步和接口配合使用相关知识,
react 配合使用redux 相关知识概念性的东西就不解释了,参考中文文档:https://www.redux.org.cn/,那你可能会说了,我要都看懂文档了,我还看博客干啥?的确是这样,这个文档有些地方确实难理解,它不跟vuex一样,看一遍就能理解个70%,再随便找些教程,就能开撸代码了,但关于这个redux,你有时候看好多博客说明,一上来就是先来个计数器例子,创建一个redux文件夹...原创 2018-12-22 22:25:32 · 2713 阅读 · 4 评论