![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 75
前端e站
为前端童鞋提供免费的技术分享
展开
-
hook 的渲染,你了解吗
组件hook挂载时,先执行子组件 useEffect,再执行父组件 useEffect;原创 2022-01-24 08:30:00 · 832 阅读 · 1 评论 -
hook,什么,防抖函数?
防抖(debounce)是前端经常用到的一个工具函数,也是在面试中常常被问到的一个问题。原创 2022-01-21 08:30:00 · 569 阅读 · 1 评论 -
hook实现带有搜索功能的列表组件
带有搜索功能的列表在我们前端开发过程中是经常遇到的,那么这篇文章就来学习一下用hook是怎么实现一个带有搜索框的列表组件。原创 2022-01-17 08:30:00 · 874 阅读 · 0 评论 -
Hooks实现一个自定义的Modal组件
Hooks实现一个自定义的Modal组件不管你做什么样的前端项目,Modal组件肯定会使用到(没使用过的举手????♂️?)。export const useModal = (initTitle: string, initContent: string | React.ReactElement) => { const [visible, setVisible] = useState(false); const [title, setTitle] = useState(in原创 2022-01-16 08:30:00 · 818 阅读 · 0 评论 -
useEffect和useLayoutEffect有什么区别?
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。原创 2022-01-13 08:30:00 · 1645 阅读 · 1 评论 -
useRef 保存引用值和useImperativeHandle 透传 Ref
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。原创 2022-01-12 08:30:00 · 2507 阅读 · 3 评论 -
useCallback 记忆函数和useMemo 记忆组件
useCallback 记忆函数和useMemo 记忆组件原创 2022-01-11 08:30:00 · 590 阅读 · 0 评论 -
useContext 减少组件层级和useReducer的使用
useContext 是 React 帮你封装好的,用来处理多层级传递数据的方式,跨层级祖先组件想要给孙子组件传递数据的时候,除了一层层 props 往下透传之外,我们还可以使用 React Context API 来帮我们做这件事。原创 2022-01-10 08:30:00 · 491 阅读 · 0 评论 -
useState 保存组件状态和useEffect 处理副作用
React hook学习之useState 保存组件状态和useEffect 处理副作用。原创 2022-01-09 08:30:00 · 1209 阅读 · 0 评论 -
关于hooks,你该知道的
用了hooks,怎么能不看这篇文章呢?原创 2022-01-08 08:30:00 · 753 阅读 · 1 评论 -
自定义 Hook
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。原创 2022-01-07 08:30:00 · 1243 阅读 · 0 评论 -
Hooks使用规则
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。原创 2022-01-06 08:30:00 · 993 阅读 · 0 评论 -
使用 Effect Hook
Hooks在React 16.8版本中正式被引入。它可以让你在不用写class的条件下使用state以及其他的React特性。原创 2022-01-05 08:30:00 · 388 阅读 · 0 评论 -
使用 State Hook
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。原创 2022-01-04 08:30:00 · 486 阅读 · 0 评论 -
React Hooks概览
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。原创 2022-01-03 08:30:00 · 533 阅读 · 0 评论 -
React Hooks介绍
Hooks在React 16.8版本中正式被引入。它可以让你在不用写class的条件下使用state以及其他的React特性。这个useState的新方法是我们第一个要学的Hook,但这个例子仅仅是开胃菜。如果觉得这个例子没有意义暂时先不要担心。React 16.8.0是支持Hooks的第一个发行版本。当升级的时候不要忘了把包含React DOM的整个包都升级。React Native将在下一个稳定发行版本中支持Hooks。Hooks不包含突破性变化在继续之前,我们应该知道Hoo...原创 2022-01-02 12:04:19 · 1561 阅读 · 5 评论 -
react分享二
react(react+dva+antd)1.props属性props是一个从外部传进组件的参数,主要作为就是从父组件向子组件传递数据,它具有可读性和不变性,只能通过外部组件主动传入新的props来重新渲染子组件,否则子组件的props以及展现形式不会改变。//父组件class Farther extends React.Component{ state = { test:'我是父组件' }; render() { return (原创 2021-01-07 11:11:47 · 183 阅读 · 2 评论 -
React 分享一
React Hooks的发展最开始使用React,是依靠官方文档的实例去熟悉它的语法,然后从Hello World开始;在后来的项目中,用到了函数组件以及类组件,以及后来React更新的Hooks组件;那儿就下来我们就来看一看这些组件使用的区别;1 函数组件和类组件1.1 语法import React from 'react'const Welcome = (props) => { return <h1>welcome, {props.name}</h1>}原创 2021-01-05 10:48:00 · 248 阅读 · 2 评论 -
React + antd 搭建项目
1.快速构建create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。create-react-app 自动创建的项目是基于 Webpack + ES6 。npm install -g create-react-app // 构建react环境create-react-app my-app // 构建my-app...原创 2020-04-03 11:20:17 · 1118 阅读 · 1 评论