随笔分类 - 前端歌谣-redux+项目实战
前端歌谣-redux+项目实战
摘要：return ( <Space size="middle"> {/* text.key就是id */} <Button type='primary' onClick={() => navigate('/edit/' + text.key)}>编辑</Button> <Button type='dan
阅读全文
摘要：// 模拟componentDidUpdate useEffect(() => { getList(current) }, [update]) // 删除 const delFn = (id) => { ArticleDelApi({id}).then(res=>{ if(res.errCode 0
阅读全文
摘要：// 处理请求数据 const dealData = (errCode, msg) => { setIsModalVisible(false); // 关闭对话框 if (errCode 0) { message.success(msg) setTimeout(() => { // 跳回list页面
阅读全文
摘要：setBreadName(pathname.includes('edit') ? '文章编辑' : ""); break; bug修改
阅读全文
摘要：// 模拟componentDidMount useEffect(() => { editor = new E('#div1') editor.config.onchange = (newHtml) => { setContent(newHtml) } editor.create() // 根据地址
阅读全文
摘要：// 对话框点击了提交 const handleOk = () => { form .validateFields() // validate校验 field字段 .then((values) => { // form.resetFields(); // reset重置 let { title, s
阅读全文
摘要：editor.create() // 根据地址栏id做请求 if (params.id) { ArticleSearchApi({ id: params.id }).then(res => { if (res.errCode 0) { editor.txt.html(res.data.content
阅读全文
摘要：请求拦截器 // 添加请求拦截器 instance.interceptors.request.use(function (config) { let token = localStorage.getItem('cms-token') if(token){ config.headers = { 'cm
阅读全文
摘要：// 对话框点击了提交 const handleOk = () => { form .validateFields() // validate校验 field字段 .then((values) => { // form.resetFields(); // reset重置 let { title, s
阅读全文
摘要：<Modal zIndex={99999} title="填写文章标题" visible={isModalVisible} onOk={handleOk} onCancel={() => setIsModalVisible(false)} okText="提交" cancelText="取消"> <
阅读全文
摘要：import React, { useState, useEffect } from 'react' import './less/ListTable.less' import { Table, Button, Space, message } from 'antd'; import moment
阅读全文
摘要：import React, { useState, useEffect } from 'react' import './less/ListTable.less' import { Table, Button, Space, message } from 'antd'; import moment
阅读全文
摘要：.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 { Breadcrumb } from 'antd'; import { HomeOutlined } from '@ant-design/icons'; import { useLo
阅读全文
摘要：const [defaultKey, setDefaultKey] = useState(""); const navigate = useNavigate(); const location=useLocation() const handleClick = (e) => { navigate("
阅读全文
摘要：const navigate = useNavigate(); const handleClick = (e) => { navigate("/" + e.key); setDefaultKey(e.key); };
阅读全文
摘要：import React, { useEffect, useState } from 'react' import { Menu } from 'antd'; import { ReadOutlined, EditOutlined, DatabaseOutlined } from '@ant-des
阅读全文
摘要：// 退出登录 const logout = () => { message.success('退出成功，即将返回登录页') localStorage.clear(); // 清除localStorage中的数据 setTimeout(() => navigate('/login'), 1500)
阅读全文
摘要：// 模拟componentDidMount useEffect(() => { let username1 = localStorage.getItem('username') let avatar1 = localStorage.getItem('avatar') if (username1)
阅读全文
