用react来获取用户资料

最新推荐文章于 2023-04-16 17:38:28 发布
最新推荐文章于 2023-04-16 17:38:28 发布
阅读量738 收藏
点赞数
文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yezi153/article/details/121696156
版权
本文介绍如何在React应用中利用axios获取用户的基本及个人资料，并将其存储于Redux状态管理器中。通过定义返回值类型、action以及初始值类型，确保数据处理的准确性和流程的规范性。
摘要由CSDN通过智能技术生成

获取用户基本资料和个人资料的思路 

 

导入axios的返回值类型信息  

import {ApiResponse,userInfo,Profile} from '../types/data'

 

声明获取用户个人资料的action

把得到的用户个人资料的数据存到redux

声明用户个人资料的返回值类型 

 

 声明用户个人资料的action类型 

 

声明用户基本信息和用户个人资料的初始值类型信息 

 

 

 

yezi153
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
react-umi-对接Api.网络请求封装以及Layout布局获取用户信息（动态路由）返回记录路由以及防抖节流睡眠功能实现
echo_Ae的博客
12-19 976
本篇看点 字符串component转成函数component antd4 动态Icon 网络请求封装 Layout布局获取用户信息（动态路由以及动态菜单） 记录路由（返回上一页） 防抖节流睡眠功能实现 app.tsx import React from 'react'; import { history } from 'umi'; import { message } from 'antd'; import qs from 'qs'; import { encode } from 'js-base64'
react-reactuseragent集成useragent检测以一种惯用的React方式
08-15
react-useragent 集成user-agent检测以一种惯用的React方式
react项目实战学习笔记-学习54-获取用户资料
qq_41632427的博客
08-22 141
react
react提交用户信息给服务器,react 之 fetch 登录请求formData提交参数
weixin_35171513的博客
08-09 496
买了一包大鸡排也没心思吃，解决完这个问题后，狠狠地咬了一口大鸡排！之前每次用 fetch 都是获取数据，没有提交过参数，但是现在做的登录功能，是要将表单中输入的用户名和密码拿到后提交给后台服务器端，并得到返回数据来判断用户名和密码是否正确。1、 react 表单按照以往 js 获取表单数据的方法，当然是获取到该 input 的 ID，然后根据 id 定位后获取到其 value 值，但是很可惜，re...
react-native-user-agent:帮助您获取移动应用程序用户代理和Web视图用户代理字符串的库
05-22
React本机用户代理 支持平台 的iOS 安卓 入门指南 将react-native-user-agent添加到您的依赖项 yarn add react-native-user-agent 或者，供npm使用 npm install react-native-user-agent --save 链接本机依赖项 2.1 react-native> = 0.60 自动链接将完成链接步骤，但对于iOS，请不要忘记在ios/文件夹中运行pod install 如果您尚未设置cocoapods，请参阅 2.2React本征<0.60 您必须手动调用link命令： react-native link react-native-user-agent 有关手动链接，请参阅： 适用于Android 适用于iOS的 用法 import UserAgent from 'react-na
react项目 ---- 商品信息以及用户信息管理器
m0_51538049的博客
04-16 214
react项目 商品信息和用户信息管理器
react native 获取地理位置的方法示例
12-08
在React Native中，获取地理位置...总结来说，React Native的 `Geolocation` 模块提供了获取和跟踪设备地理位置的功能，结合第三方地理编码服务，可以实现从经纬度到详细地址的转换，从而满足各种位置相关的应用需求。
React Hook 用于读取和写入用户的剪贴板。
06-08
useClippy useClippy 是一个 TypeScript 友好的 React 钩子，用于读取和写入用户的剪贴板。 不要与 Microsoft Office 的助手 Clippy 混淆。 :paperclip: Demo 您可以通过托管演示目录的 GitHub Pages 看到 use-...
一个基本ReactApp获取用户的公共Github活动
08-08
一个基本React App，获取用户的公共Github活动
React-Native个人信息界面
weixin_34192732的博客
01-24 559
最近在做一个小练习项目，用户登陆后需要跳转到用户登录信息界面，加班半个小时终于将界面的布局搞定。接触Rect－Native也有一段时间了，以前没有做过ios，只做过android，就布局和开发效率上来说，react－native的给我的感觉是开发效率要大大高于android的。下面是具体的代码： 1 import React from 'react-native' 2 impo...
React-js中等待多个回调全部完成后执行后续函数
llsixly
04-01 3064
文章目录1.背景介绍2.解决办法3.Promise办法结语 1.背景介绍 今天页面需要读取多个文件，用的FileReader同时读取多个文件。 用到这个FileReader大家都知道他是需要等待onload的回调的。 const reader = new FileReader(); reader.readAsArrayBuffer(dataFileList[key].file); reader.onload = (e)=>{ //读取文件操作 }; 那我这js苦手就开始
React项目 账号、密码、用户名、手机和Email正则校验
jp2021的博客
10-25 1417
React项目 账号、密码、用户名、手机和Email正则校验。
JS判断浏览器类型
wang_NiFeng的博客
06-12 183
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串    var isOpera = userAgent.indexOf("Opera") &gt; -1; //判断是否Opera浏览器    var isIE = userAgent.indexOf("compatible") &gt; -1 &amp;&amp; userAg...
有关React-hooks的token自己的理解及应用
weixin_45868552的博客
03-25 862
在这里聊聊关于我对token的浅显认知，由于本人学习前端不久，如有错误，请指正。 一、token是什么 1、token的本质就是一串字符串，是一段从服务端生成的字符串。在你进行登录时，前端会保存你登录的数据，比如用户名，密码，邮箱，手机号等等。。。。然后通过请求发送到后端，后端对你的前端传来的数据进行加密（根据安全性，可以使用不同的加密算法进行不同程度的加密），生成字符串。 2、token主要是用来干啥的，很多人说token是个令牌，对，确实没错，token就是令牌作用。当用户登录后进入到其他的功能页面，之
token验证概述及在React中实现token验证
橘猫吃不胖的博客
03-15 5706
token验证概述及在React中实现token验证1 什么是token2 token的作用3 React中实现token验证 1 什么是token token的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。当用户第一次登录后，服务器生成一个token并将此token返回给客户端， 以后客户端只需带上这个token前来请求数据即可，无需再次带上用户名和密码。 简单token的组成：①uid（用户唯一的身份标识）；②time（当前时间的时间戳）；③sign（签名，token的前几位以
React设计用户登录系统
Bokk的博客
01-26 2205
目录前言一、需求分析1.1 AuthenticatedApp1.2 UnauthenticatedApp二、框架三、实现细节3.1 使用context管理用户信息3.2 实现UnauthenticatedApp3.2.1 LoginScreen3.2.1 RegisterScreen3.3 实现AuthenticatedApp3.4 实现login/register的请求3.5 与localstorage的交互完善AuthProvider四、总结 前言 最近开始学习React，跟着Nolan老师开发Jira
react项目使用cookie存储用户信息
热门推荐
阿梦的博客
03-07 1万+
在react中使用cookie，首先要了解cookie是什么？ session/cookie 是用于存储用户相关信息的数据存储形式 session存储在服务器保存的是对象，而cookie存储在浏览器本地保存的是字符串 由于session是存储在服务器，会占用服务器资源，一般来说小型项目使用cookie的较多 1.下载cookie相关的包 npm install react-cookies --sa...
用react完成一个个人简介页面
ass_ace
02-28 2525
这虽然是一个简单的页面，但是在不断优化的过程中，我真真切切的体会到，一个页面完成它只是一个最最基本的事情，如何让你的代码利用率最高，复用性发挥到最大，让设计出来的组件真的只用来渲染数据而已，尽可能的减少if、else之类的判断，才是我们需要仔细体会研究的， 同时，我也深刻体会到react的首要思想：用组件件来开发应用的真正意义所在。 还有就是一个合理的数据结构能够帮助我们大大减少冗余的逻辑判断...
【React入门实践】结合Ant-Design从0带你手把手开发【个人中心-信息修改】页面
Sabrina_cc的博客
09-01 1313
如果一块表走的不准，那它每一秒都是错的。 写在前面的话：博主之前一直使用的vue框架，最近入手公司项目，开始一点点接触React，我觉得学习任何东西的最好方法就是使用它、体验他。其实完成页面前我根本没有读过react的官方文档（是有些许枯燥）但我会仿照别人的代码一点点尝试，用过之后再去看官方使用文档会豁然开朗。这个方法值得推荐。因此，咱们今天来初试React开发，实现简单的个人中心-信息修改页面 1. 看页面需求 首先看一下页面需求。分析：进入页面调用接口初始化个人信息，修改后点击“保存”按钮，..
react focus获取焦点
最新发布
05-11
在React中，我们可以通过使用ref属性来获取一个组件的DOM节点，从而实现获取焦点的目的。具体来说，可以在组件中使用ref属性来引用DOM节点，并在需要时使用focus()方法来将焦点设置到该节点上。 以下是一个简单的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值