AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

react项目实战学习笔记-学习21-头像昵称

2022-09-21 177
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： react项目实战学习笔记-学习21-头像昵称 
// 模拟componentDidMount
    useEffect(() => {
        let username1 = localStorage.getItem('username')
        let avatar1 = localStorage.getItem('avatar')
        if (username1) {
            setUsername(username1)
        }
        if (avatar1) {
            setAvatar('xxxx' + avatar1)
        }
    }, [props.mykey])

模拟头像效果

文章标签：
前端开发
关键词：
React Native学习
React Native学习笔记
react.js学习
react.js学习笔记
react.js项目实战
前端歌谣
目录
相关文章
不穿大酷头
|
8月前
|
缓存 前端开发 JavaScript
学习React的最佳实践有哪些？
学习React的最佳实践有哪些？
不穿大酷头
302 86
六卿
|
前端开发 JavaScript
学习react基础(3)_setState、state、jsx、使用ref的几种形式
本文探讨了React中this.setState和this.state的区别，以及React的核心概念，包括核心库的使用、JSX语法、类与函数组件的区别、事件处理和ref的使用。
六卿
196 3
学习react基础(3)_setState、state、jsx、使用ref的几种形式
大树营养快线
|
前端开发 JavaScript
React学习之——条件渲染
【10月更文挑战第16天】React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样，使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态，然后让 React 根据它们来更新 UI。
大树营养快线
146 3
六卿
|
前端开发
学习react基础(2)_props、state和style的使用
本文介绍了React中组件间数据传递的方式，包括props和state的使用，以及如何在React组件中使用style样式。
六卿
188 0
不穿大酷头
|
8月前
|
前端开发 JavaScript API
如何快速学习React？
如何快速学习React？
不穿大酷头
236 1
java冯坚持
|
XML 前端开发 JavaScript
react学习笔记一：入门级小白到脚手架（create-react-app）开发项目
这篇文章是React的学习笔记，覆盖了从React的基础用法到高级特性，包括组件化、状态管理、生命周期、虚拟DOM等主题，适合React初学者参考。
java冯坚持
392 0
react学习笔记一：入门级小白到脚手架（create-react-app）开发项目
你都不懂
|
前端开发 JavaScript 安全
学习如何为 React 组件编写测试：
学习如何为 React 组件编写测试：
你都不懂
144 2
你都不懂
|
资源调度 前端开发 JavaScript
React进阶学习
React进阶学习
你都不懂
119 1
六卿
|
XML JavaScript 前端开发
学习react基础(1)_虚拟dom、diff算法、函数和class创建组件
本文介绍了React的核心概念，包括虚拟DOM、Diff算法以及如何通过函数和类创建React组件。
六卿
181 3
游客zi3qmblbcdexu
|
JSON 前端开发 JavaScript
React 进阶阶段学习计划
React 进阶阶段学习计划
游客zi3qmblbcdexu
151 0

热门文章

最新文章

  • 1
    【REACT NATIVE 系列教程之九】REACT NATIVE版本升级步骤与注意事项！
  • 2
    React的路径别名
  • 3
    React 安装使用 Less（详细流程，包含 webpack、craco 方式）
  • 4
    基于Apify+node+react/vue搭建一个有点意思的爬虫平台
  • 5
    【React学习】—SetState的使用（九）
  • 6
    前端学习笔记202305学习笔记第二十九天-React keep alive原理之8
  • 7
    前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-usememo和memo得区别
  • 8
    React工作39:react中的Hello World
  • 9
    React Native动画Animated详解
  • 10
    React Native – 使用 JavaScript 开发原生应用
  • 1
    React 19 Actions：表单处理从未如此优雅
    273
  • 2
    React 18 流式渲染：解锁极致性能优化实践
    399
  • 3
    深入浅出React中的refs
    168
  • 4
    【CodeBuddy】挑战一句话开发一个完整项目之：React表单验证系统
    179
  • 5
    如何使用组合组件和高阶组件实现复杂的 React 应用程序？
    274
  • 6
    在 React 中，组合组件和高阶组件在性能方面有何区别？
    254
  • 7
    除了高阶组件和render props，还有哪些在 React 中实现代码复用的方法？
    287
  • 8
    掌握Multi-Agent实践(三)：ReAct Agent集成Bing和Google搜索功能，采用推理与执行交替策略，增强处理复杂任务能力
    432
  • 9
    使用 Node.js、Express 和 React 构建强大的 API
    286
  • 10
    Vue与React两大前端框架的主要差异点
    459

    • 相关课程

    更多
  • React 入门与实战
  • React 入门教程开发文档

    • 相关电子书

    更多
  • 利用编译将 Vue 组件转成 React 组件
  • React Native 全量化实践
  • React在大型后台管理项目中的工程实践
    • 下一篇
    阿里云弹性公网IP线路类型【BGP(多线)_精品】是什么意思？