文章 2022-09-22 来自:开发者社区

react项目实战学习笔记-学习56-upload引入

<p>点击下方修改头像:</p> <Upload name="avatar" listType="picture-card" className="avatar-uploader" showUploadList={false} action="/api/upload" ...

文章 2022-09-21 来自:开发者社区

react项目实战学习笔记-学习56-图片上传成功

// 将图片路径转base64 function getBase64(img, callback) { const reader = new FileReader(); reader.addEventListener('load', () => callback(reader.result)); reader.readAsDataURL(img); } //...

文章 2022-09-21 来自:开发者社区

react项目实战学习笔记-学习50-代码优化

// 处理请求数据 const dealData = (errCode, msg) => { setIsModalVisible(false); // 关闭对话框 if (errCode === 0) { message.success(msg) setTimeout(() => { // 跳回list页面 ...

文章 2022-09-21 来自:开发者社区

react项目实战学习笔记-学习51-删除逻辑实现

// 模拟componentDidUpdate useEffect(() => { getList(current) }, [update]) // 删除 const delFn = (id) => { ArticleDelApi({id}).then(res=>{ if(res.errCode===0){ message.su...

文章 2022-09-21 来自:开发者社区

react项目实战学习笔记-学习48-bug修复

// 模拟componentDidMount useEffect(() => { editor = new E('#div1') editor.config.onchange = (newHtml) => { setContent(newHtml) } editor.create() // 根据地址栏id做请求 if (...

文章 2022-09-21 来自:开发者社区

react项目实战学习笔记-学习47-文章编辑

// 对话框点击了提交 const handleOk = () => { form .validateFields() // validate校验 field字段 .then((values) => { // form.resetFields(); // reset重置 let { title, sub...

文章 2022-09-21 来自:开发者社区

react项目实战学习笔记-学习46-wangeditor编辑

editor.create() // 根据地址栏id做请求 if (params.id) { ArticleSearchApi({ id: params.id }).then(res => { if (res.errCode === 0) { editor.txt.html(res.data.content) // 重新设置编...

文章 2022-09-21 来自:开发者社区

react项目实战学习笔记-学习26-面包屑

import React, { useState, useEffect } from 'react' import { Breadcrumb } from 'antd'; import { HomeOutlined } from '@ant-design/icons'; import { useLocation } from 'react-router-dom' export default f....

react项目实战学习笔记-学习26-面包屑
文章 2022-09-21 来自:开发者社区

react项目实战学习笔记-学习25-侧边栏当前项

const [defaultKey, setDefaultKey] = useState(""); const navigate = useNavigate(); const location=useLocation() const handleClick = (e) => { navigate("/" + e.key); setDefaultKey(e.key...

文章 2022-09-21 来自:开发者社区

react项目实战学习笔记-学习27-内容补充

react项目实战学习笔记-学习27-内容补充

react项目实战学习笔记-学习27-内容补充

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注