随笔分类 -  前端歌谣-redux+项目实战

前端歌谣-redux+项目实战
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-10-07 18:44 前端导师歌谣 阅读(9) 评论(0) 推荐(0) 编辑
摘要:setPagination({ current: num, pageSize: count, total }) // 深拷贝获取到的数组 let newArr = JSON.parse(JSON.stringify(res.data.arr)); // 声明一个空数组 let myarr = [] 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(12) 评论(0) 推荐(0) 编辑
摘要:<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 前端导师歌谣 阅读(16) 评论(0) 推荐(0) 编辑
摘要: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 前端导师歌谣 阅读(19) 评论(0) 推荐(0) 编辑
摘要: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 前端导师歌谣 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(2) 评论(0) 推荐(0) 编辑
摘要:// 模拟componentDidMount useEffect(() => { editor = new E('#div1') editor.config.onchange = (newHtml) => { setContent(newHtml) } editor.create() // 根据地址 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(24) 评论(0) 推荐(0) 编辑
摘要:import React, { useEffect, useState } from 'react' import { PageHeader, Button, Modal, Form, Input, message } from 'antd'; import moment from 'moment' 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(18) 评论(0) 推荐(0) 编辑
摘要:<List className="demo-loadmore-list" itemLayout="horizontal" dataSource={list} renderItem={item => ( <List.Item actions={[ <Button type='primary' onCl 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(15) 评论(0) 推荐(0) 编辑
摘要:loading=false才能渲染出来 import React, { useState, useEffect } from 'react' import { List, Skeleton, Pagination, Button, message } from 'antd'; import { Ar 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(39) 评论(0) 推荐(0) 编辑
摘要:<div className='list_table' style={{ padding: '20px' }}> <List className="demo-loadmore-list" itemLayout="horizontal" dataSource={list} renderItem={it 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(19) 评论(0) 推荐(0) 编辑
摘要:.list_table{ width: 100%; background: #fff; height: 100%; overflow-y: scroll; &::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; height: 100%; background 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(36) 评论(0) 推荐(0) 编辑
摘要: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 前端导师歌谣 阅读(36) 评论(0) 推荐(0) 编辑
摘要:<div className='list_table'> <Table showHeader={false} columns={columns} dataSource={arr} onChange={pageChange} pagination={pagination} /> </div> ) // 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(15) 评论(0) 推荐(0) 编辑
摘要:// 将图片路径转base64 function getBase64(img, callback) { const reader = new FileReader(); reader.addEventListener('load', () => callback(reader.result)); r 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(27) 评论(0) 推荐(0) 编辑
摘要:<p>点击下方修改头像:</p> <Upload name="avatar" listType="picture-card" className="avatar-uploader" showUploadList={false} action="/api/upload" beforeUpload={b 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(16) 评论(0) 推荐(0) 编辑
摘要:// 表单提交的事件 const onFinish = (values) => { // 如果表单的username有值,并且不等于初始化时拿到的username,同时密码非空 if(values.username && values.username!==sessionStorage.getIte 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(15) 评论(0) 推荐(0) 编辑
摘要:useEffect(()=>{ GetUserDataApi().then(res=>{ console.log(res) if(res.errCode 0){ message.success(res.message) // 存到sessionStorage sessionStorage.setIt 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(22) 评论(0) 推荐(0) 编辑
摘要:<Form name="basic" style={{width: '400px'}} onFinish={onFinish} autoComplete="off" > <Form.Item label="修改用户名:" name="username"> <Input placeholder='请输 阅读全文
posted @ 2022-08-26 20:35 前端导师歌谣 阅读(16) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示