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

react项目实战学习笔记-学习53-用户资料布局

<Form name="basic" style={{width: '400px'}} onFinish={onFinish} autoComplete="off" > <Form.Item label="修改用户名:" name="username"> <...

react项目实战学习笔记-学习53-用户资料布局
文章 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项目实战学习笔记-学习52-table操作

return ( <Space size="middle"> {/* text.key就是id */} <Button type='primary' onClick={() => navigate('/edit/' + text.key...

文章 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项目实战学习笔记-学习46-发送请求

请求拦截器// 添加请求拦截器 instance.interceptors.request.use(function (config) { let token = localStorage.getItem('cms-token') if(token){ config.headers = { 'cms-token': token } } return c...

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

react项目实战学习笔记-学习45-对话框获取表单的值

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

react项目实战学习笔记-学习45-对话框获取表单的值
文章 2022-09-21 来自:开发者社区

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

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

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