前端开发
关注
分享
扫一扫
Easy_Lee_willpower
1.01︿365=37.783
0.99︿365=0.025
展开
-
vscode 自动导入包（组件）插件Auto Import安装好后，依旧没有自导导入提示的原因
在TodoList.js中，第一次用AntDesign的<Input>组件时，是不会有自动导入提示的，所以第一次导入要自己写：import {Input} from 'antd'在另一个文件中test.js中，再使用AntDesign的<Input>标签时，就有自动导入提示了:总结：第一次用到该组件（包）时是不会有自动导入提示的，在另一个文件第二次用时就会有自动导入提示了。...原创 2020-05-18 00:31:26 · 13505 阅读 · 2 评论 -
安装AntDesign时，解决报错peerDependencies WARNING ...requires a peer of XXX but none was installed
安装AntDesign时原创 2020-05-17 21:26:07 · 23410 阅读 · 2 评论 -
React报错大坑之一：Warning: Functions are not valid as a React child. This may happen if you return a Co...
Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.翻译：方法（函数）作为一个React子组件是无效的。出现这种情况可能是因为：①你return..原创 2020-05-16 18:03:13 · 46997 阅读 · 3 评论 -
关于TypeError: this.state.data.map is not a function的解释
报错原因：array.map方法必须是“数组.map”，就是只用数组才有.map方法，若出现类似报错，请检查你调用.map方法的数据，到底是不是数组详细例子见我的另一篇博客：Easy's React学习笔记（二.进阶）中，19_axios数据请求的第三小节"3.axios从RAP2远端api请求自己mock(模拟)的数据"参考文献：https://stackoverflow.com/questions/39329100/uncaught-typeerror-this-state-da..原创 2020-05-13 13:11:36 · 5362 阅读 · 0 评论 -
React 16.4 最新生命周期图谱
官方地址：http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/可以在React官方文档中找到最新的图：原创 2020-05-10 14:41:21 · 305 阅读 · 0 评论 -
Easy的React学习笔记（二.进阶）
15_PropTypes校验传递值属性类型校验的意义：在父组件向子组件传递数据时，是在父组件中子组件添加属性（props）的方式，但是在子组件中并没有对这些属性进行校验，就是说父组件传递过来的任何值都不会报错，这在实际开发中是不允许的，在大型项目中如果不进行校验，开发后期业务逻辑会变得非常混乱出现错误，业务逻辑错误不像语法错误非常容易找，所以属性类型校验就非常有必要了。引入prop-t...原创 2020-05-08 13:27:56 · 746 阅读 · 0 评论 -
React：引入模块时，无法找到模块“”的声明文件。Try `npm install ` if it exists or add...if it exists or add a new declara
引入prop-types模块时发现发现有三个'...'鼠标放过去后提示，无法找到模块“prop-types”的声明文件。提示1:Try `npm install @types/prop-types`提示2：if it exists or add a new declaration (.d.ts) file containing `declare module 'prop-t...原创 2020-05-08 13:21:07 · 20389 阅读 · 0 评论 -
解决react developer tools安装好，后终端不生效，react DevTools failed to load SourceMap
控制台警告：在控制台的Settings进行设置去掉框柱的两项的√警告消失：原创 2020-05-08 00:39:00 · 4032 阅读 · 2 评论 -
vscode在当前窗口同时打开两个项目的方法
vscode想在当前窗口同时打开第两个项目时，如果在vscode内直接打开第二个项目的文件夹会把第一个项目的文件夹覆盖掉，怎么解决呢？只要将文件夹添加到工作区就可以实现在当前窗口同时打开两个项目了...原创 2020-05-05 16:00:01 · 12809 阅读 · 1 评论 -
React快速生成代码插件Simple React Snippets的安装与使用
安装步骤：1.点击扩展插件2.搜索Simple React Snippets3.安装install安装后就可通过对应的Snippets（片段）快速生成（渲染render）大段代码：原创 2020-04-30 21:25:39 · 2361 阅读 · 0 评论 -
MDN是什么?MDN中文名？MDN Web Docs是什么？MDN Web Docs中文名是什么？
MDN,英文全称MozillaDeveloper Network，中文全称谋智开发者网络，著名的火狐浏览器Firefox就是Mozilla社区旗下的，程序员们都用过MDNWeb Docs （MDNWeb 文档，谋智开发者网络文档）也是出自Mozilla。MDN Web Docs是干嘛的？MDN Web Docs提供开放网络(OpenWeb)技术有关的信息,包括用于网站和渐进式网络...原创 2020-03-08 23:26:34 · 7663 阅读 · 0 评论 -
JavaScript Array map() 方法、箭头函数Arrow_functions的简单用法
参考资料：①菜鸟教程JavaScript Array map() 方法②MDN箭头函数结合参考资料，博主写的demo代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>JavaScript Array map() 方法、箭头函数Arrow_fu...原创 2020-03-09 16:09:15 · 891 阅读 · 0 评论 -
React中jsx与React.createElement(a, b, c)语法
import React,{Component} from 'react'// import React from 'react'// Const Component = React.Component即import {Component} from 'react'// 这里是es6解构赋值的写法，即Component等于React.Componentclass App extends ...原创 2020-03-05 22:52:10 · 764 阅读 · 0 评论 -
react中对import React,{Component} from 'react'写法的解释，以及react中常见import的用法
一.对import React,{Component} from 'react'写法的解释首先关于一下写法①的解释①importReact,{Component}from'react'作用相当于下面②和③这两句话②默认导入(default import)：导入react模块（组件）中的默认组件，并且命名为Reactimport React from 'react...原创 2019-10-17 23:41:17 · 9973 阅读 · 6 评论 -
Easy的React学习笔记（一.基础）
1_开发环境搭建①前往http://nodejs.cn/，找到自己电脑适合的版本下载并安装node.js。②win键+r（运行），cmd打开命令行。输入相关命令检查node.js是否安装成功，显示nodejs与npm对应的版本即为安装成功。安装node主要为了使用npm包管理工具。③安装官方脚手架工具create-react-app。若无法安装create-react-...原创 2020-02-10 18:16:13 · 1012 阅读 · 1 评论 -
react开发环境搭建中，无法安装create-react-app的问题解决方法
1_无法安装create-react-app2_以管理员身份运行cmd（命令提示符）后成功安装create-react-app原创 2019-10-07 18:00:56 · 1866 阅读 · 0 评论 -
this指针指向问题之：对象中this指针指向自定义对象还是window对象
① 运行结果： var name = "小李",age = 23; var obj = { name: "小陈", objAge: this.age,//23 // age:this.age, myFun: function(){ co...原创 2019-09-18 16:24:55 · 903 阅读 · 0 评论 -
箭头函数中的参数结构， elements.map(({ "length": lengthFooBArX }) => lengthFooBArX);这种写法是如何起作用的
在MDN Web文档关于箭头函数的解释中的({ "length": lengthFooBArX }) => lengthFooBArX是如何起作用的很多小伙伴不理解，本文作解释。var elements = [ 'Hydrogen', 'Helium', 'Lithium', 'Beryllium' ];elements.map(function(element) { return ...原创 2019-09-16 18:28:50 · 659 阅读 · 0 评论