2022年8月26日
react项目实战学习笔记-学习41-日期和按钮
摘要： <List className="demo-loadmore-list" itemLayout="horizontal" dataSource={list} renderItem={item => ( <List.Item actions={[ <Button type='primary' onCl 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(20) 评论(0) 推荐(0)
react项目实战学习笔记-学习40-列表数据请求和渲染
摘要： loading=false才能渲染出来 import React, { useState, useEffect } from 'react' import { List, Skeleton, Pagination, Button, message } from 'antd'; import { Ar 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(45) 评论(0) 推荐(0)
前端项目实战20-axios拦截器
摘要： axios.interceptors.response.use(function (response) { console.log(getToken(),"getTokenTest") // 对响应数据做点什么 console.log(response, "response1111") if (re 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(39) 评论(0) 推荐(0)
react项目实战学习笔记-学习39-列表组件引入
摘要： <div className='list_table' style={{ padding: '20px' }}> <List className="demo-loadmore-list" itemLayout="horizontal" dataSource={list} renderItem={it 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(26) 评论(0) 推荐(0)
react项目实战学习笔记-学习38-滚动条样式
摘要： .list_table{ width: 100%; background: #fff; height: 100%; overflow-y: scroll; &::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; height: 100%; background 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(48) 评论(0) 推荐(0)
react项目实战学习笔记-学习37-分页请求获取2
摘要： import React, { useState, useEffect } from 'react' import './less/ListTable.less' import { Table, Button, Space, message } from 'antd'; import moment 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(46) 评论(0) 推荐(0)
react项目实战学习笔记-学习36-分页请求获取
摘要： <div className='list_table'> <Table showHeader={false} columns={columns} dataSource={arr} onChange={pageChange} pagination={pagination} /> </div> ) // 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(18) 评论(0) 推荐(0)
react项目实战学习笔记-学习35-id获取
摘要： <Space size="middle"> {/* text.key就是id */} <Button type='primary' onClick={() => navigate( '/edit/' + text.key)}>编辑</Button> <Button type='danger' onC 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(21) 评论(0) 推荐(0)
react项目实战学习笔记-学习34-a标签跳转
摘要： return ( <div> <a className='table_title' href={"/" + props.id} target="_blank">{props.title}</a> <p style={{ color: '#999' }}>{props.subTitle}</p> </ 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(25) 评论(0) 推荐(0)
react项目实战学习笔记-学习33-jsx解决渲染问题
摘要： function MyTitle(props) { return ( <div> <a className='table_title' href={"xxxxx" + props.id} target="_blank">{props.title}</a> <p style={{ color: '#9 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(19) 评论(0) 推荐(0)