随笔分类 - 前端歌谣-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
阅读全文
摘要:setPagination({ current: num, pageSize: count, total }) // 深拷贝获取到的数组 let newArr = JSON.parse(JSON.stringify(res.data.arr)); // 声明一个空数组 let myarr = []
阅读全文
摘要:<Space size="middle"> {/* text.key就是id */} <Button type='primary' onClick={() => navigate( '/edit/' + text.key)}>编辑</Button> <Button type='danger' onC
阅读全文
摘要:return ( <div> <a className='table_title' href={"/" + props.id} target="_blank">{props.title}</a> <p style={{ color: '#999' }}>{props.subTitle}</p> </
阅读全文
摘要:function MyTitle(props) { return ( <div> <a className='table_title' href={"xxxxx" + props.id} target="_blank">{props.title}</a> <p style={{ color: '#9
阅读全文
摘要:// 模拟componentDidMount useEffect(() => { editor = new E('#div1') editor.config.onchange = (newHtml) => { setContent(newHtml) } editor.create() // 根据地址
阅读全文
摘要:import React, { useEffect, useState } from 'react' import { PageHeader, Button, Modal, Form, Input, message } from 'antd'; import moment from 'moment'
阅读全文
摘要:<List className="demo-loadmore-list" itemLayout="horizontal" dataSource={list} renderItem={item => ( <List.Item actions={[ <Button type='primary' onCl
阅读全文
摘要:loading=false才能渲染出来 import React, { useState, useEffect } from 'react' import { List, Skeleton, Pagination, Button, message } from 'antd'; import { Ar
阅读全文
摘要:<div className='list_table' style={{ padding: '20px' }}> <List className="demo-loadmore-list" itemLayout="horizontal" dataSource={list} renderItem={it
阅读全文
摘要:.list_table{ width: 100%; background: #fff; height: 100%; overflow-y: scroll; &::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; height: 100%; background
阅读全文
摘要:import React, { useState, useEffect } from 'react' import './less/ListTable.less' import { Table, Button, Space, message } from 'antd'; import moment
阅读全文
摘要:<div className='list_table'> <Table showHeader={false} columns={columns} dataSource={arr} onChange={pageChange} pagination={pagination} /> </div> ) //
阅读全文
摘要:// 将图片路径转base64 function getBase64(img, callback) { const reader = new FileReader(); reader.addEventListener('load', () => callback(reader.result)); r
阅读全文
摘要:<p>点击下方修改头像:</p> <Upload name="avatar" listType="picture-card" className="avatar-uploader" showUploadList={false} action="/api/upload" beforeUpload={b
阅读全文
摘要:// 表单提交的事件 const onFinish = (values) => { // 如果表单的username有值,并且不等于初始化时拿到的username,同时密码非空 if(values.username && values.username!==sessionStorage.getIte
阅读全文
摘要:useEffect(()=>{ GetUserDataApi().then(res=>{ console.log(res) if(res.errCode 0){ message.success(res.message) // 存到sessionStorage sessionStorage.setIt
阅读全文
摘要:<Form name="basic" style={{width: '400px'}} onFinish={onFinish} autoComplete="off" > <Form.Item label="修改用户名:" name="username"> <Input placeholder='请输
阅读全文