跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 洗牌
搜索

文章标签
react hooks

13 篇文章
{
,

}
直接链接到文章 React Hooks: The Deep Cuts
react hooks

React Hooks: The Deep Cuts

Hooks 是可重用的函数。它们允许您使用状态和其他功能(例如生命周期方法等),而无需编写类。Hook 函数使我们能够使用函数组件“钩入”React 状态生命周期,使我们能够操纵……

Avatar of Blessing Ene Anyebe
Blessing Ene Anyebe 于 2022 年 7 月 15 日
直接链接到文章 Theming and Theme Switching with React and styled-components
react react hooks styled components theming

Theming and Theme Switching with React and styled-components

我最近有一个项目,要求在网站上支持主题。这是一个有点奇怪的要求,因为应用程序主要由少数管理员使用。更令人惊讶的是,他们……

Avatar of Tapas Adhikary
Tapas Adhikary 于 2022 年 6 月 15 日
直接链接到文章 The Hooks of React Router
react react hooks React Router

The Hooks of React Router

React Router 5 拥抱了hooks 的力量,并引入了四个不同的 hooks 来帮助路由。如果您正在寻找有关 React Router 新模式的快速入门,您会发现这篇文章很有用。但是……

Avatar of Agney Menon
Agney Menon 于 2020 年 2 月 11 日
直接链接到文章 Testing React Hooks With Enzyme and React Testing Library
enzyme react hooks testing

Testing React Hooks With Enzyme and React Testing Library

当您开始在应用程序中使用React hooks 时,您需要确保您编写的代码是可靠的。没有什么比发布有错误的代码更糟糕的了。确保代码可靠的一种方法是……

Avatar of Kingsley Silas
Kingsley Silas 于 2019 年 11 月 29 日
直接链接到文章 A Dark Mode Toggle with React and ThemeProvider
dark mode prefers-color-scheme react hooks

A Dark Mode Toggle with React and ThemeProvider

我喜欢网站有黑暗模式选项。 黑暗模式 使网页更容易阅读,并有助于使我的眼睛感觉更加放松。许多网站,包括 YouTube 和 Twitter,已经实施了它,我们开始……

Avatar of Maks Akymenko
Maks Akymenko 于 2019 年 9 月 25 日
直接链接到文章 Thinking in React Hooks
react hooks

Thinking in React Hooks

Amelia Wattenberger 撰写了这篇关于 React Hooks 的精彩互动文章,详细介绍了它们如何清理代码并消除所有令人烦恼的生命周期事件

React 一年前引入了 hooks,它们彻底改变了

…
Avatar of Robin Rendle
Robin Rendle 于 2019 年 9 月 25 日
直接链接到文章 Hamburger Menu with a Side of React Hooks and Styled Components
menu navigation react hooks styled components

Hamburger Menu with a Side of React Hooks and Styled Components

我们都知道什么是汉堡包菜单,对吧?当这种模式开始出现在网页设计中时,它因其简约而备受嘲笑和赞赏,这种简约允许主菜单隐藏在屏幕外,尤其是在移动设备上……

Avatar of Maks Akymenko
Maks Akymenko 于 2019 年 9 月 12 日
直接链接到文章 Using requestAnimationFrame with React Hooks
react react hooks requestAnimationFrame useEffect useRef useState

Using requestAnimationFrame with React Hooks

使用requestAnimationFrame进行动画应该很容易,但是如果您没有仔细阅读 React 的文档,那么您可能会遇到一些可能会让您头疼的事情。以下是我从痛苦的经验中得到的三个陷阱时刻。

TLDR…

Avatar of Hunor Márton Borbély
Hunor Márton Borbély 于 2019 年 8 月 23 日
直接链接到文章 Run useEffect Only Once
react react hooks useEffect

Run useEffect Only Once

React 具有一个名为useEffect 的内置 hook。Hooks 用于函数组件。Class 组件与 useEffect 的比较是方法 componentDidMount、componentDidUpdate 和 componentWillUnmount。

useEffect 将在组件渲染时运行,这可能是……

Avatar of Chris Coyier
Chris Coyier 于 2019 年 7 月 30 日
  • 1
  • 2
  • 较旧的

CSS-Tricks 由 DigitalOcean 提供支持。

关注网页开发的最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获取免费信用!
CSS-Tricks
  • 为我们写文章!
  • 与我们合作广告
  • 联系我们
社交
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.