React
文章平均质量分 87
XHSRookies
公众号 | 小和山的菜鸟们
展开
-
hooks 系列九:hooks 实战
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!实战案例:留言功能我们学完了 react-hooks 的一些基础内容,现在是我们的一个实原创 2021-08-09 14:09:42 · 332 阅读 · 0 评论 -
hooks 系列八:hooks 小结
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!Hooks 小结到此为止,我们的 hooks 系列只剩下最后一个大案例了。现在我们来对之原创 2021-08-04 11:46:16 · 592 阅读 · 0 评论 -
hooks 系列七:自定义 hook
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!自定义 hook官方文档在讲自定义 hook时,给了一个好友状态的例子,但是例子较为复杂原创 2021-08-02 11:45:11 · 918 阅读 · 0 评论 -
hooks 系列六:hook 规则
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!Hooks 使用规则Hook 是 React 16.8 的新增特性。它可以让你在不编写原创 2021-08-02 11:44:02 · 493 阅读 · 0 评论 -
hooks 系列五:useCallBack
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这篇文章,我们主要目的是了解一下 (useCallback) 的使用.useCal原创 2021-07-30 13:10:18 · 531 阅读 · 0 评论 -
hooks 系列四:useRefs
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这篇文章,我们主要目的是了解一下 useRefs 的使用.useRefs定义u原创 2021-07-30 13:10:02 · 434 阅读 · 0 评论 -
hooks 系列三:useEffect
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这篇文章,我们主要目的是了解一下 共享状态钩子(useEffect) 的使用.us原创 2021-07-28 14:13:07 · 210 阅读 · 0 评论 -
hooks 系列二:useState
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这篇文章,我们主要目的是了解一下 状态钩子(useState) 的使用.useSt原创 2021-07-28 14:11:58 · 641 阅读 · 1 评论 -
hooks 系列一:简介
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!React-Hooks 简介react 为什么要有一个 hooks?1.有状态的类组件原创 2021-07-26 11:43:02 · 640 阅读 · 0 评论 -
hooks 系列 - 前言
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!我们为什么要学 hooks没有破坏性改动hooks 是完全可选的 : 不需要重写任何原创 2021-07-26 11:41:51 · 306 阅读 · 0 评论 -
React 系列实战篇:增加登录(四)
实战案例(四):完善留言版登录我们这次学了一些新内容,我们需要将之前的改版。首先我们需要登录页面,并且通过HOC(高阶组件)添加鉴权功能。加上路由跳转,完善页面。增加路由yarn add react-router-dom我们先加入react-router修改路由配置我们需要修改index.js,之前的index.js中一直只有App.js一个,我们将路由的配置添加到index.js中。ReactDOM.render( <React.StrictMode> <B原创 2021-07-26 11:40:07 · 272 阅读 · 0 评论 -
React 系列实战篇:留言功能(三)
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!实战案例(三):留言功能改版我们这次学了一些新内容,我们需要将之前的改版。新增点赞功能原创 2021-07-25 19:35:59 · 221 阅读 · 0 评论 -
React 系列实战篇:留言功能(二)
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!实战案例(二):留言功能改进学到这里,我们把上面案例给修改一下,不要通过原始的 html原创 2021-07-25 19:35:05 · 160 阅读 · 0 评论 -
React 系列实战篇:留言功能(一)
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!实战案例(一):留言功能我们学到这里,就可以简单的使用 HTML 的代码实现一个简单的留原创 2021-07-23 17:05:31 · 271 阅读 · 0 评论 -
React 系列十二:React - Router
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这节我们将介绍 React 中 react - router,路由跳转的配置以及使用原创 2021-07-23 17:04:06 · 255 阅读 · 0 评论 -
React 系列十一:高阶组件以及组件补充
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这节我们将介绍 React 中高阶组件,以及高阶组件到底有什么用,以及对高阶组件的补原创 2021-07-22 18:34:06 · 260 阅读 · 0 评论 -
React 系列十:受控组件和非受控组件
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这节我们将介绍 React 中受控组件和非受控组件的概念及其使用。本文会向你介绍以原创 2021-07-22 18:31:24 · 364 阅读 · 0 评论 -
React 系列九:深入理解 setState
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这节我们将介绍 React 中 setState ,希望可以帮助大家真正理解 set原创 2021-07-21 12:23:52 · 214 阅读 · 0 评论 -
React 系列八:非父子组件通信
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这节我们将介绍 React 中非父子组件的通信,上节我们说到父子组件间的通信可通过原创 2021-07-21 12:22:19 · 348 阅读 · 0 评论 -
React 系列七:父子组件通信
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这节我们将介绍 React 中父子组件通信的方法,父与子通信、子与父通信的方法。本原创 2021-07-20 13:43:35 · 803 阅读 · 0 评论 -
React 系列六:生命周期
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这节我们将介绍 React 中组件的生命周期,以及和生命周期相互关联的声明周期函数。原创 2021-07-20 13:41:19 · 136 阅读 · 0 评论 -
React 系列五:创建React组件
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这节我们将介绍 React 中组件的类别,以及如何创建和使用组件。本文会向你介绍以原创 2021-07-19 12:32:04 · 913 阅读 · 0 评论 -
React 系列四: 认识组件化开发
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这节我们将介绍前端组件化的思想,以及 React 中的组件化思想。本文会向你介绍以原创 2021-07-19 12:30:54 · 339 阅读 · 0 评论 -
React 系列三: React 脚手架
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这节我们将介绍如何通过 React 脚手架创建一个 React 工程并进行编写内容,原创 2021-07-18 12:29:48 · 191 阅读 · 0 评论 -
React 系列二:核心JSX语法
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这节我们将教你一个有趣的标签语法,他既不是字符串也不是 HTML,他被称为 JSX,原创 2021-07-18 12:23:58 · 352 阅读 · 0 评论 -
React 系列一: Hello React
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!前言这节我们将教你如何导入 React 并带领你编写出一个简单的 React 页面。本原创 2021-07-17 14:21:30 · 172 阅读 · 0 评论 -
React 系列 - 前言
快来加入我们吧!"小和山的菜鸟们",为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验,请您移至我们官网小和山的菜鸟们 ( https://xhs-rookies.com/ ) 进行学习,及时获取最新文章。"Code tailor" ,如果您对我们文章感兴趣、或是想提一些建议,微信关注 “小和山的菜鸟们” 公众号,与我们取的联系,您也可以在微信上观看我们的文章。每一个建议或是赞同都是对我们极大的鼓励!React 是什么我们从React 官网可以看到官方对于 React 的定义 React原创 2021-07-17 14:18:57 · 85 阅读 · 0 评论