React
雾深处难见真颜
理想主义者的花终将盛放
展开
-
React使用set管理状态
当父组件参数需要从子组件获取使用时,利用usestate进行状态管理。原创 2022-12-02 14:54:49 · 686 阅读 · 1 评论 -
react+antd mobile实现 H5底部tab页面
实现react+antd mobile 实现底部tab页功能原创 2022-11-10 10:57:22 · 1020 阅读 · 0 评论 -
react +antd 实现时间与选择器的重置事件
手动进行查询重置操作原创 2022-10-31 09:27:13 · 449 阅读 · 0 评论 -
antv+react 双组柱状图的实现
antv柱状图在react中如何引入及使用,柱状图的基本配置及调试原创 2022-10-27 15:43:05 · 816 阅读 · 0 评论 -
原生table实现合并单元格展示数据
前端原生table实现单行展示多条数据原创 2022-09-22 16:17:14 · 122 阅读 · 0 评论 -
react 前端 实现打印机打印功能
前端写原生表格进行打印功能,通过调取打印机时间,嵌入html原生页面,原创 2022-09-16 13:44:02 · 3451 阅读 · 0 评论 -
antd 表单绑定字段传值
anta,表单数据字段前后端绑定原创 2022-09-07 11:57:50 · 120 阅读 · 0 评论 -
antd hook 使用table进行数据的展示和新增
anta+react实现表格数据的新增删除展示等操作原创 2022-09-03 11:47:02 · 368 阅读 · 0 评论 -
react+antd实现表格操作携带参数打开另一个页面
我们主要是想实现一个在表格中点击操作,然后根据携带的参数跳转页面请求对应的数据。一 首先创建表格这个是我声明的表头部分这里是表单组件的结构这里是我们表头里面操作的部分,在这里声明一个点击事件,当点击操作时触发跳转的函数方法二 跳转方法首先我们 声明了origin为地址使用window方法打开新的页面并在路径上拼接参数三 新页面的接收在页面打开的时候进行接收并更新字段。在这里将拿到的参数传到服务端,得到返回的数据。四实现效果...原创 2022-05-24 16:54:03 · 1159 阅读 · 0 评论 -
react+hook+antd实现table表格
一 引入依赖二 创建组件三 初始化usestate四 html 部分编写使用Table组件引入并放入对应节点对应的api组件库都有,可以查看五 编写表头和表格数据获取表头数据可以根据接口文档去写,表格数据从接口获取六编辑弹窗利用antd的组件去创建表格内弹窗七实现页面下面就是简单的页面渲染之后的样子具体api大家可以在antd官方组件库中查看...原创 2022-05-09 11:32:53 · 936 阅读 · 0 评论 -
react hook +antdesign实现分页
一 创建文件xxx.jsx 引入依赖样式等文件接下来的步骤关于接口请求可以看我之前发的axios的使用二 创建组件 初始化需要用的变量三 使用antdesign创建Table这个简单的写一写具体api可以看antdesign的官方文档columns是表头 dataSource是表格内容这个我对接了后台接口四 声明接口方法在params中声明参数五编写分页因为useState没有回调函数所以我单独封装了一个六在us...原创 2022-04-28 14:02:23 · 651 阅读 · 0 评论 -
函数组件父子通信
一 创建父组件在父组件中初始化name和age 以及事件,const一个对象props(叫什么无所谓)在引入的子组件中使用扩展运算符传参二 子组件接受参数将需要接受的参数使用props获取这样就可以使用父组件的变量了。...原创 2022-04-28 13:40:35 · 162 阅读 · 0 评论 -
useMemo的使用简述
一 useMemo的介绍控制组件更新条件,可根据状态变化控制方法执行,优化传值,避免不必要的方法调用useMemo有两个参数,和useEffect一样,第一个参数是函数,第二个参数是个数组,用来监听某个状态不变化接下来我们看看他到底是如何使用的第一步创建一个函数父组件 初始化name和content并且在父组件中使用子组件Button二子组件我们可以发现这种写法无论父组件点击哪个按钮 都会执行onchangename方法,这样当我们只想改变其中一个的时候就会造成多原创 2022-04-27 14:14:16 · 6255 阅读 · 0 评论 -
axios接口请求在react中的使用
一下载axios npm install --saveaxios进行安装二在使用文件引入import axios from 'axios'三封装axios接口四 暴露请求方法五在文件中使用原创 2022-04-26 17:14:49 · 245 阅读 · 0 评论 -
ant design Pro中 initialState的使用含义
一 app.jsx文件使用getInitialState获取全局共用的初始化数据queryCurrentUser这个接口可以换成我们自己的二 在需要用到初始化数据的页面进行获取import { useModel } from 'umi'; // 要配合useModel 去获取数据umi 提供了useModel('@@initialState')去获取这个数据const { initialState, setInitialState } = useModel('@@initia原创 2022-04-25 14:24:08 · 5350 阅读 · 0 评论 -
父组件props传参
一 react框架最基本的组件传参之父子通信state和props作为react里面重要的两个组成接下来讲解其作用二 父组件class A extends React.Component {state{name:'父组件'}render(){const props={state:this.state.name}return{通过扩展运算符传递参数<B { ...{props}}>}三 子组件class B extends R..原创 2022-04-20 15:16:24 · 853 阅读 · 0 评论