![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
凌晨两点的夜空
这个作者很懒,什么都没留下…
展开
-
react使用npx工程化创建项目时 报network ‘proxy‘ config is set properly. See: ‘npm help config‘
react使用npx工程化创建项目时 报network 'proxy' config is set properly. See: 'npm help config'原创 2022-08-28 14:43:05 · 609 阅读 · 0 评论 -
生成随机数 随机数不同才重新渲染页面 生成相同随机数时不重复渲染页面
import React from "react";class RandomNumber extends React.Component { constructor() { super() this.state = { number: 0 } } handleChange = () => { this.setState(() => { return {.原创 2021-12-12 15:20:34 · 513 阅读 · 0 评论 -
使用props-render模式实现鼠标移动 坐标监听
import React from "react";class Mouse extends React.Component { // 初始状态 state = { x: '', y: '' } // 鼠标移动事件 事件处理 onHandleChange = (e) => { this.setState({ x: e.clientX, y: e....原创 2021-12-09 22:49:07 · 235 阅读 · 0 评论 -
react 书写一个 发表评论小demo
import React, { Component } from 'react'class Index extends Component { constructor() { super() this.state = { comments: [ { id: '1', name: 'jack', content: '沙发' }, { id: '2', name: 'rose', content: '凳子' }, ...原创 2021-12-05 18:50:57 · 246 阅读 · 0 评论 -
状态组件和无状态组件
类是状态组件(statefull component)函数是无状态组件(stateless component)判断组件时状态组件还是无状态组件判断一个组件的类型,就是看:该组件是有状态,还是无状态。同样,如果使用一个组件,需要维护一个组件内部的状态,那么就选择有状态的组件类型;相反,如果不需要维护状态,就是无状态类型组件什么叫状态(state)状态是一个组件中的数据集合,当有状态的组件(stateful component)被加载到内存中时,这些数据也同时被保存在内存中。当渲染带状态.原创 2021-10-24 14:10:03 · 376 阅读 · 0 评论 -
Sass的了解和使用
什么是Sass?Sass是一个Css预处理器Sass是Css扩展语言,可以帮助我们减少CSS重复的代码,节省开发时间Sass完全兼容所有版本的CSSSass扩展了CSS3,增加了规则、变量、混入、选择器、继承、内置函数等特性Sass生成良好格式化的css代码,易于组织和维护Sass文件后缀为.scss为什么使用Sass? CSS本身语法不够强大,导致重复编写一些代码,...翻译 2021-10-20 10:27:07 · 159 阅读 · 0 评论 -
用npx create-react-app 文件名 创建项目的时候报Maximum call stack size exceeded错误
Maximum call stack size exceeded解决方法1.删除node_module文件夹和package-lock.json文件,再重新npm install到了这一步,80%的用户都能解决这个问题了,如果还是没有,执行下一步。。。2.清空缓存npm cache clean --force 重新执行操作...原创 2021-10-19 14:56:42 · 209 阅读 · 0 评论 -
组件中DOM样式
行内样式想给虚拟DOM添加行内样式,需要使用表达式传入样式对象的方式来实现// 注意这里的两个括号,第一个表示我们在要JSX里插入JS了,第二个是对象的括号<p style={{color:'red', fontSize:'14px'}}>Hello world</p>行内样式需要写入一个样式对象,而这个样式对象的位置可以放在很多地方,例如render函数里、组件原型上、外链js文件中使用classReact推荐我们使用行内样式,因为React觉得每一个..原创 2021-10-18 18:46:02 · 92 阅读 · 0 评论 -
setState是同步还是异步
setState在合成事件和钩子函数中是异步的,在原生事件和setTime中都是同步的setState的异步并不是说内部由异步代码实现的,其实本身执行的过程和代码都是同步的,只是合成事件和钩子函数调用的顺序在更新之前,导致在合成事件和钩子函数中没法立马拿到更新后的值,形成了所谓的“异步”,当然也可以通过第二个参数setState(partialState,callback)中的callback拿到更新后的结果。...原创 2021-10-03 21:47:23 · 4052 阅读 · 0 评论