React
文章平均质量分 54
「已注销」
这个作者很懒,什么都没留下…
展开
-
React组件中的constructor 概述
在react官网中,我们看到经常会有这样声明组件的,但是我们自己在写的时候很少会使用constructor,super,那么这两个方法到底是用来做什么的呢?在写react中一定要写吗?我们在下面具体看一下:class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } render() { return (原创 2021-03-22 15:49:33 · 1452 阅读 · 1 评论 -
React + React Hook + TS4
项目初始化与配置create-react-app 创建项目 tsconfig.json配置详解提交代码自动格式化【prettier检验代码格式】Pre-commit Hook //提交代码之前进行代码格式化检查提交代码时commit message是否符合规范[ build: 主要目的是修改项目构建系统(例如 glup,webpack,rollup 的配置等)的提交 ci: 主要目的是修改项目继续集成流程(例如 Travis,Jenkins,GitLab CI,Circle原创 2021-03-21 19:15:05 · 562 阅读 · 3 评论 -
为什么react列表要加key
为什么列表要加 key 属性,以及为什么用 index 是不好的遍历对象的每一个属性深度对比是非常浪费性能的React 使用列表的key来进行对比,如果不指定,就默认为 index 下标那么,为什么 不指定 key/用 index 下标 是不好的呢?假设现在有这样一段代码:const users = [{ username: "bob" }, { username: "sue" }];users.map((u, i) => <div key={i}>{u.username}&原创 2021-03-21 18:59:54 · 266 阅读 · 0 评论 -
dva自定义组件及使用方法
1、表格①. 参数参数意义参数名参数类型是否必填默认值表格边框borderedboolean是-表格 columnscolumnsarray是-表格请求参数paramsobject是-表格请求地址requestUrlstring是-是否有表格侧边勾选框selectHiddenboolean否false...原创 2018-09-25 14:51:21 · 1784 阅读 · 0 评论 -
dva 使用笔记
1. model 与组件1) . 新建页面=&amp;gt;src/routrs/demo/demo.jsimport React from 'react';const demo = ()=&amp;gt;{ return &amp;lt;h1&amp;gt;demo is good false&amp;lt;/h1&amp;gt;};export default demo;2)原创 2018-07-31 13:43:23 · 806 阅读 · 0 评论 -
ReactJS & dva 项目常见报错问题与解决方法 (react-router 4)
1. 项目中用 dva-cli 生成路由: 命令行:$ dva g route users报错信息:AssertionError [ERR_ASSERTION]: getRouterTree: component should be one of Router, Route, Redirect, IndexRedirect, IndexRoute at ...原创 2018-01-03 14:57:03 · 13739 阅读 · 5 评论 -
高德地图与百度地图导航坐标转换、地理/逆地理编码
高德转百度(火星坐标gcj02ll–&gt;百度坐标bd09ll)gaoDeToBaidu = (gd_lon,gd_lat) { var PI = 3.14159265358979324 * 3000.0 / 180.0; var x = gd_lon, y = gd_lat; var z = Math.sqrt(x * x + y * y) + 0.00002 * ...原创 2018-03-12 14:55:03 · 2230 阅读 · 0 评论 -
使用dva脚手架创建antd-design开发环境 并处理跨越 (附 github 源码)
dva 是一个基于 React 和 Redux 的轻量应用框架,概念来自 elm,支持 side effects、热替换、动态加载、react-native、SSR 等安装 dva-cli$ npm install dva-cli -g$ dva -v0.8.2创建新应用$ dva new corsDemo这会创建 corsDemo 目录,包含项目初始化目录和文件,并提原创 2017-12-26 16:35:21 · 5446 阅读 · 0 评论 -
使用Create-React-App脚手架创建antd-mobile开发环境 (附 github 源码)
Facebook 官方推出Create-React-App脚手架,基本可以零配置搭建基于webpack的React开发环境,内置了热更新等功能。使用的原因以及特性:无需配置;集成了对 React, JSX, ES6 和 Flow 的支持;集成了开发服务器;配置好了浏览器热加载的功能;在 JavaScript 中可以直接 import CSS 和图片;自动处理 CSS 的兼容问题原创 2017-12-18 13:59:44 · 3934 阅读 · 0 评论 -
React - WeUI 的安装与使用 (webstorm 工具)
步骤一:npm init 初始化,创建 package.json 文件快速创建package.json的命令行 : npm init -y步骤二:在项目中安装react 和 react-dom命令行 : npm install react react-dom --save-dev步骤三:安装react-weui 和 weui 命令行:npm install weui@1.1.0 react-we原创 2017-12-14 14:50:49 · 3399 阅读 · 0 评论 -
ReactJS & antd 环境中项目运行时错误总结
一、webpack打包时报错: Import in body of module; reorder to top import/first解决方法:import 必须在其它所有业务代码前面,检查“ ./src/form/form.js ”是否是const语句在import语句前。二、 在项目中使用箭头函数,webpack时显示错误解决办法:在 class 中使用state = {}这种给属性赋原创 2017-12-05 16:44:26 · 5405 阅读 · 0 评论 -
ReactJS与antdDesign中页面跳转问题(React Router)
通过侧边栏导航Menu的Menu.Item控制Content部分内容的变化。先安装React Router npm install react-router --save-dev在js中引用链接Menu与Router 1. Menu中利用link绑定path2.在content模块中设置Route注意:1. <Router></Router> 标签要把Menu和Route组给一起包起来;2. 一原创 2017-12-11 14:32:32 · 8961 阅读 · 1 评论 -
ReactJS 中数组遍历 map的使用
在index.js中在Decribe.js中浏览器中:注意:在map函数中一定要有return ;原创 2017-12-19 19:35:25 · 5574 阅读 · 0 评论