React
文章平均质量分 55
郑敬儒~
梅卡德尔
展开
-
手动搭建一个react项目(不使用create-react-app脚手架)并更改默认端口
首先,创建一个文件夹1、使用npm init -y 命令生成package.json文件2、安装所需要的依赖npm install --save react (安装React)npm install --save react-dom (安装React Dom)npm install --save-dev webpack (安装webpack,打包工具)npm install --save-dev webpack-cli (使用 webpack 4+ 版本,还需要安装 webpack-cli原创 2021-07-26 13:48:26 · 1129 阅读 · 1 评论 -
Uncaught TypeError: Cannot read property ‘push‘ of undefined
最近项目部署, 把前端项目部署到服务器上之后,我的react里面重定向用的是window.location,但是部署到服务器上之后就没有办法定向了。 于是我想着把重定向改成this.props.history.push, 但是改成这个之后本机也报错了,错误提示无法识别push,之所以出现这种问题是因为路由没有直接被管理,所以我们的这个组件中找不到这个history方法。 因为我是在直接被路由管理的组件的子子组件里面用到history,所以此处需要使用history的组件没有被路由直接管理所以说找不到pu原创 2021-06-01 12:23:47 · 1387 阅读 · 0 评论 -
react-hooks + redux实现一个完整的的前后端登录注册小案例
因为之前写项目一直没有用状态管理,打算在下个项目里用hooks和react-redux。所以最近学了一下redux和hooks,写了一个登录注册来练习练习。前端:react + antd + react-router-dom +react-redux + react-hooks后端:Node + MongoDB1、前端所需第三方依赖:2、后端所需第三方依赖该案例我配置了antd的按需加载以及less语法的使用。一、项目目录该案例共分为client和server两个文件夹。1、client原创 2021-05-11 19:45:33 · 1597 阅读 · 4 评论 -
使用react-redux实现一个todolist小案例
首先我们得对redux有一定的基础认识。入口文件import React from 'react';import ReactDOM from 'react-dom';import {Provider} from 'react-redux'import TodoList from './TodoList'import store from './store/index'ReactDOM.render( <Provider store={store}> <Tod原创 2021-05-08 21:48:07 · 227 阅读 · 0 评论 -
解决关于react antd Form组件不能更新state的问题
首先,我先把我的问题说一说。就是我在引用antd的组件库在写登录注册页面时,用到了原创 2021-04-25 11:48:41 · 1450 阅读 · 0 评论 -
react中实现粒子动画背景----particles-bg
15号考完试放寒假了,芜湖非常开心终于可以拥抱新生活了!快乐。学长已经去实习了,本来还想再懒懒,刚放假嘛想着玩儿几天吧,但是又觉着之前一段时间因为期末复习也没怎么学习新东西就一鼓作气吧,,对对对最重要的是俺期末成绩都出来了,没挂科,而且都是考的还不错的芜湖~~~~~~以上均是我没有用的生活总结。下面进入正题吧。哈哈哈哈哈哈哈哈哈哈。——————————————一如既往的分割线我最近是在用react写项目,到目前为止是所有的静态页面已经搭建完成然后基本的样式也写的差不多了,这是一个小项目所以总共也没原创 2021-01-20 17:17:58 · 1757 阅读 · 0 评论 -
关于setState的异步更新
我们都知道setState是异步执行的;事实上,setState本身的执行过程是同步的,只是因为在react的 合成事件与钩子函数 中它的执行顺序在更新之前,所以不能直接拿到更新后的值,形成了所谓的异步。那么请问setState是什么时候是同步的呢?事实上它在ajax、原生事件与setTimeout中是同步的。今天主要是深入探讨一下关于setState为什么是异步的问题。先来看一个例子。它是在面试里非常容易出现的一道题。import React, { Component } from 'reac原创 2020-12-23 17:43:12 · 1207 阅读 · 1 评论 -
react子组件给父组件通信
React中,子组件向父组件通信,也需要父组件向子组件传递props,只是父组件传递的,是作用域为父组件自身的函数,子组件调用该函数,将子组件想要传递的信息,作为参数,传递到父组件的作用域中。父组件:子组件:...原创 2020-11-04 21:25:52 · 480 阅读 · 0 评论 -
React.Children.map的用法
初学react,今天在看文档的过程中遇到了一个问题,代码是这样的:刚开始我一直不理解这个map函数中,这个this.props.children为什么会放在这里 ,我记得map函数它就传参然后执行指定回调函数就行了 不懂为什么这个this.props.children和后面的回调函数中间还有个逗号。。。。。我一直以为是我map函数这里有漏洞,然后搜了好多资料和博客发现不是map函数这里的问题,,是这个React.Children.map这个方法它的规定。。。就先说一下有关React.Childre原创 2020-10-19 22:54:37 · 6172 阅读 · 2 评论 -
this.props 和 this.state
this.props 和 this.state都是用来描述组件的特性;this.props 表示那些一旦定义就不可修改的特性,而this.state是随着用户互动会产生变化的特性。所以props是只读的。原创 2020-10-18 17:19:23 · 687 阅读 · 0 评论