react
文章平均质量分 66
孙俊熙
小小程序员一枚
展开
-
基于antd的DatePicker 组件封装业务组件
基于antd的DatePicker 组件封装业务组件原创 2024-05-21 17:43:28 · 43 阅读 · 0 评论 -
基于业务封装react-router-dom的Link组件
基于业务封装react-router-dom的Link组件原创 2024-05-17 15:51:40 · 264 阅读 · 0 评论 -
react项目中封装一个通用的边界Boundary
react项目中封装一个通用的边界Boundary原创 2024-05-09 16:31:33 · 279 阅读 · 0 评论 -
封装一个antd的Table操作项中的一个展开与收起通用功能
封装一个antd的Table操作项中的一个展开与收起通用功能原创 2024-04-25 10:58:33 · 347 阅读 · 2 评论 -
React 中 5 个好用的 Hook
React 中 5 个好用的 Hook转载 2023-12-06 22:22:47 · 153 阅读 · 0 评论 -
react 实战- 玩转 react 全家桶(进阶)学习
react 实战- 玩转 react 全家桶(进阶)原创 2023-10-21 22:55:58 · 648 阅读 · 0 评论 -
react 实战-现代web开发的工程搭建(进阶)
react 实战-现代web开发的工程搭建(进阶)原创 2023-10-18 18:25:58 · 12 阅读 · 0 评论 -
Vue 选手转 React 常犯的 10 个错误,你犯过几个?
Vue 选手转 React 常犯的 10 个错误,你犯过几个?转载 2023-07-25 14:28:51 · 252 阅读 · 0 评论 -
React状态管理(一)—— Redux
React状态管理(一)—— Redux转载 2023-07-25 10:12:53 · 674 阅读 · 0 评论 -
一个新的React概念:Effect Event
Event:由某些行为触发,而不是状态变化触发的逻辑Effect:由某些状态变化触发的,而不是某些行为触发的逻辑:在Effect内执行,但Effect并不依赖其中状态的逻辑其中在React中的具体实现是。相比于他的前身useEvent,他附加了2条限制:只能在Effect内执行始终返回不同的引用在我看来,的出现完全是由于Hooks实现机制上的复杂性(必须显式指明依赖)导致的心智负担。毕竟,同样遵循Hooks理念的就没有这方面问题。转载 2023-07-15 11:51:32 · 54 阅读 · 0 评论 -
请停止在 React 中使用“&&”进行条件渲染
请停止在 React 中使用“&&”进行条件渲染转载 2023-07-05 09:44:39 · 123 阅读 · 0 评论 -
强话一波hooks,这次咱们换个发力点
强话一波hooks,这次咱们换个发力点转载 2023-05-25 09:39:49 · 109 阅读 · 0 评论 -
使用 React18 + Vite + TypeScript 完成公司项目经验总结,学到了很多
使用 React18 + Vite + TypeScript 完成公司项目经验总结转载 2023-05-19 10:06:15 · 873 阅读 · 0 评论 -
86张脑图,一口气看完 React
86张脑图,一口气看完 React转载 2023-05-16 09:54:00 · 53 阅读 · 0 评论 -
React Router v6 官方文档翻译 (六) ---- Hooks
React Router v6 官方文档翻译转载 2023-05-15 15:24:28 · 852 阅读 · 0 评论 -
从零搭建完整的React项目模板(Webpack + React hooks + Mobx + Antd)
从零搭建完整的React项目模板(Webpack + React hooks + Mobx + Antd)转载 2023-05-15 11:44:09 · 1694 阅读 · 0 评论 -
搭建React Native开发环境
搭建React Native开发环境原创 2023-05-13 18:00:23 · 1639 阅读 · 0 评论 -
实战项目后对 React Hooks 总结
实战项目后对 React Hooks 总结转载 2023-05-12 09:15:14 · 95 阅读 · 0 评论 -
看完这篇,你也能把 React Hooks 玩出花
看完这篇,你也能把 React Hooks 玩出花转载 2023-05-11 09:40:15 · 79 阅读 · 0 评论 -
React18开发总结(完善中)
react开发总结原创 2023-04-25 14:04:55 · 967 阅读 · 0 评论 -
用React实现部分Vue常用指令
用react来实现vue的一些指令功能原创 2023-04-24 16:33:40 · 1714 阅读 · 0 评论 -
React中间件个人的一些笔记
React中间件个人的一些笔记原创 2023-04-16 18:22:39 · 255 阅读 · 0 评论 -
Redux的理解与学习
Redux的理解与学习原创 2023-04-15 22:07:13 · 467 阅读 · 0 评论 -
React中Hooks的学习一些总结
react的hooks的学习原创 2023-03-26 20:17:27 · 655 阅读 · 0 评论 -
React官方文档自学笔记
react原创 2022-11-05 17:50:10 · 392 阅读 · 0 评论 -
React官方文档教程学习
这是一个React官方文档入门教程中的内容,一个#字形的小游戏.不多说,往下走.在这里我不展示具体的文字逻辑,详细的可以去官网查看.一.创建一个react项目二.删除掉新项目中 文件夹下的所有文件。三.在 文件夹中创建一个名为 的文件,样式代码为:四.在 文件夹下创建一个名为 的文件,完整代码如下:看下效果: 点击按钮还可以回退到历史项,以点击3这个按钮为例:...原创 2022-06-11 19:34:59 · 1038 阅读 · 0 评论 -
React开发踩过的坑1:时间日期选择后不渲染
就像这样,使用了antd组件库中table和DatePicker组件,点击编辑后时间日期就没有了,别的下拉菜单和输入框都没有问题,后来我查了一下,是这么解决的,现在我总结一下:1.首先引入moment2.在table组件的columns中添加如下:3.再看DatePicker组件这样基本就可以显示了,默认值你可以改,也可以不设置,主要是用到了第三方插件moment的使用,虽然是小问题,但也是踩过的坑,在此总结一下,日后看见直接跳过就好....原创 2022-06-10 16:54:23 · 411 阅读 · 0 评论 -
基于 antd 和 dva 的后台管理应用
这个是从dvaJS官网看的,我目前也在这方面的学习,这里有现成的后台管理应用,一起来看一下,我把官网的链接给放一下:https://dvajs.com/guide/examples-and-boilerplates.html#%E5%AE%98%E6%96%B91.首先就是下载项目代码2.推荐使用 cnpm 安装依赖然后一共大约60个packages,安装的速度也不太慢.3.启动本地服务器4.启动完成后打开浏览器访问 http://localhost:7000 启动可能有点慢,看一下启动完原创 2022-06-03 15:11:47 · 131 阅读 · 0 评论 -
React开发总结6:Form表单
表单是应用程序中最重要的部分之一.通过表单,我们可以从用户那里获得丰富的输入.我们从基础一开始做起,这里不使用任何UI框架,用react自身来实现对Form表单的控制.1.基础按钮import React from 'react';const content = document.createElement('div');document.body.appendChild(content);module.exports = class extends React.Component {原创 2022-05-29 13:58:58 · 3826 阅读 · 0 评论 -
React开发总结5:dvaJS在项目中的应用
先来说明一下:dva 首先是一个基于redux和redux-saga的数据流方案,然后为了简化开发体验,dva 还额外内置了react-router和fetch,所以也可以理解为一个轻量级的应用框架.所以学习这个可以节约时间,最大化的开发我们的项目.1.开始安装dva的脚手架:npm install dva-cli -gdva -vdva-cli version 0.10.1到这一步,说明dva的脚手架安装成功.这个说明的是dva脚手架版本一般是>=9的,这个要注意...原创 2022-05-22 20:41:21 · 804 阅读 · 0 评论 -
React开发总结4:点击添加按钮增加一行内容
新建一个List组件,代码是:import React from 'react'export default class List extends React.Component { render() { return ( <tr id={this.props.index} className="alt"> <td> <input type="text原创 2022-05-21 17:42:31 · 1862 阅读 · 1 评论 -
React开发总结3:三级联动下拉框的代码实现
import React, { Component } from 'react'import { Select } from 'antd';import Model from './data';import 'antd/dist/antd.css';const Option = Select.Option;export default class App extends Component { state = { capitals: [], // 省份 city: [], .原创 2022-05-21 16:57:14 · 845 阅读 · 0 评论 -
React开发总结2:函数式组件中父子之间传值的做法
1.父传子import React,{useState} from 'react'function App(props, ref) { const [page, setPage] = useState("首页");//将page传给子组件 function changePage() { setPage('改变了的首页'); } return ( <div className="Home"> {page}原创 2022-05-21 16:50:34 · 408 阅读 · 0 评论 -
React开发总结1:点击获取antd中Table组件的值
首先,React脚手架搭建的过程不说明了,命令是` create-react-app 自己命令的名称`,需要安装antd这个包,`npm i antd`,最后需要在package.json中添加antd的设置,代码是:点击获取Table的值的代码:记得把App导出去就可以....原创 2022-05-21 16:35:33 · 915 阅读 · 0 评论 -
个人需求1:改掉登录子应用后默认显示的待办工作列表数据
这个是我个人的项目需求,背景是这样,零售作为独立应用运行时默认显示登录工作台页面,作为小微风控的子页面首次登录后默认显示待办页面,这都是零售那边在他们代码中写死的,然后我们现在做智能门户项目,零售也是一个子应用,但是现在的需求是首次登录零售时可以显示我们动态指定的页面.也就是要把他们写死的地方想办法写活,如果零售那边因为登录重定向而拿不到我们指定的页面地址,我们可以通过存储的方式放到session里.可以看到零售通道待办工作的列表数据是写死的,然后把它作为一个子应用放在只能门户项目中,首次登录点击零原创 2022-03-17 18:01:23 · 70 阅读 · 0 评论 -
对修饰器的实验支持功能在将来的版本中可能更改。在 “tsconfig“ 或 “jsconfig“ 中设置 “experimentalDecorators“ 选项以删除此警告
我的页面上又报了这个错误头一次见这样的错误,迫不及待的想把它解决了.查阅了一下,发现挺好解决办法:打开VScode的设置界面,experimentalDecorators,勾选就行了.再回到怎们的报错页面,可以发现不报错了,问题也解决了...原创 2022-01-20 15:37:29 · 375 阅读 · 0 评论 -
项目中报Assign array to a variable before exporting as module default 这个错
说来也怪,最近开始做react的项目,老是时不时报点错误出来,我一度怀疑是不是哪里的配置出了问题.就像这样,几行简单的代码也报错,明显也没有写错,没办法我自己只好去查.哎,不报错了,,也就是//eslint-disable-next-line 把eslint禁用了,不对下面的代码起作用,这样其实也能解决问题...原创 2022-01-20 15:02:13 · 749 阅读 · 0 评论