react
关注
分享
扫一扫
Easy_Lee_willpower
1.01︿365=37.783
0.99︿365=0.025
展开
-
Easy的Redux学习笔记
1_开发环境搭建1.1创建项目并编写基础代码安装node.js、脚手架create-react-app等步骤详见：Easy的React学习笔记（一.基础），不再赘述。在命令提示符（管理员）中，用脚手架create-react-app创建项目：D:\Easy's code\ReduxDemo>create-react-app demo01创建好恶demo01目录如下，把src目录内文件全删了，重新创建index.js、TodoList.js。分别修改index.js、Tod原创 2020-05-28 00:51:40 · 489 阅读 · 0 评论 -
react中jsx行内样式（style）的国定写法、jsx双花括号{{}}写法的解释
共index.js、index.html、TodoList.js这三个文件，主要看TodoList.js中的Input标签的style样式双花括号{{}}的写法，会在下方做全面的解释运行效果：index.js:import React from 'react';import ReactDOM, { unmountComponentAtNode } from 'react-dom'import TodoList from './TodoList'ReactDOM.render(&l.原创 2020-05-19 00:07:45 · 17025 阅读 · 0 评论 -
React性能优化问题，React生命周期函数shouldComponentUpdate、纯组件PureComponent详解（含实例）
目录1_shouldComponentUpdate、纯组件PureComponent的作用2_实例1_shouldComponentUpdate、纯组件PureComponent的作用shouldComponentUpdate、纯组件PureComponent都是用来做性能优化的，这两种方法可以避免子组件做无用的重复渲染，下面通过实例来演示这两种性能优化的方法。2_实例创建父组件悟空Wukong、子组件悟饭Wufan、子组件悟天Wutian。在第一次render后，通过compon原创 2020-05-17 14:48:47 · 1298 阅读 · 0 评论 -
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 评论 -
react-transition-group动画组件详解
1.react-transition-group的优势React有非常好的开发环境，任何开发需要的基本需求都可以找到官方或大神造的轮子，动画也不例外。react-transition-group动画组件表现很好，可以满足日常动画开发需求，而且是React官方提供的动画过渡库，有完整的API文档。注：react-transition-group官方文档https://reactcommunity.org/react-transition-group/2.安装切换终端为cmd后输入以原创 2020-05-14 15:15:20 · 5898 阅读 · 2 评论 -
关于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 评论 -
安装axios时，报错 npm install -save axios npm ERR! code EPERM npm ERR! 的解决方法
报错如下：npm install -save axiosnpm ERR! code EPERMnpm ERR! syscall opennpm ERR! path C:\Program Files\nodejs\node_cache\_cacache\tmp\3219faaenpm ERR! errno -4048npm ERR! Error: EPERM: operation not permitted, open 'C:\Program Files\nodejs\node_cache\_.原创 2020-05-11 17:37:29 · 6820 阅读 · 3 评论 -
nodejs版本升级大坑！
安装axios时报错：$ npm install -save axiosUnhandled rejection Error: EPERM: operation not permitted, open 'C:\Program Files\nodejs\node_cache\_cacache\tmp\071f96b7'npm ERR! cb() never called!npm ERR! This is an error with npm itself. Please report this e.原创 2020-05-11 17:36:37 · 2113 阅读 · 1 评论 -
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 评论 -
create-react-app创建项目失败的解决方法：以管理员身份create-react-app、create-react-app的卸载与安装
直接在目录下cmd然后create-react-app，报错解决方法，以管理员身份运行cmd，再create-react-app，不报错了，但是依旧有问题：A template was not provided. This is likely because you're using an outdated version of create-react-app.Please not...原创 2020-05-02 15:59:54 · 3755 阅读 · 1 评论 -
jsx代码注释格式规范最全总结
本文讲述了jsx代码注释的格式规范：主要内容包括标签内注释、标签外注释、子组件标签上的注释index.html、index.js、Comments.js、ChildComponent.js的代码如下：index.html：<!DOCTYPE html><html lang="en"> <head> <meta charset...原创 2020-05-02 01:52:36 · 3418 阅读 · 0 评论 -
React快速生成代码插件Simple React Snippets的安装与使用
安装步骤：1.点击扩展插件2.搜索Simple React Snippets3.安装install安装后就可通过对应的Snippets（片段）快速生成（渲染render）大段代码：原创 2020-04-30 21:25:39 · 2361 阅读 · 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 评论