平时我们进行业务开发可能不会遇到这种状况。 但是如果你要封装组件，这个问题就会经常遇到。如果你是中高级开发， 面试官问到你不懂就糟糕喽

一、数据更新驱动 1. useState 1. 基础介绍 useState主要用于声明和操作状态变量，可以使函数组件像类组件一样拥有state state：状态，作为渲染视图的数据源 setState

我们在 Next.js 中遇到了 SSR 渲染失败的问题时，选择了降级到 CSR 以提升渲染成功率，并将这部分实现逻辑抽象为 next-ssr-fallback 以复用到其它项目，实现更为优雅的降级

在本文中，我们将探讨日常工作中应该避免的9个坏React习惯，并提供相关示例代码来说明这些问题以及如何避免它们。

React 是什么 简介 用于构建 Web 和原生交互界面的库 React 用组件创建用户界面 通俗来讲：==是一个将数据渲染为HTML视图的开源JS库== 其他信息 Facebook 开发，并且开源

前端开发经常会涉及表单的处理，或者其他一些用于输入的组件，比如日历组件。 涉及到输入，就绕不开受控模式和非受控模式的概念。 什么是受控，什么是非受控呢？ 想一下，改变表单值只有两种情况： 用户去改变

最早的时候页面是服务端渲染的，也就是 PHP、JSP 那些技术，服务端通过模版引擎填充数据，返回生成的 html，交给浏览器渲染。那时候表单会同步提交，服务端返回结果页面的 html。 后来浏览器有了

现在写 react 组件基本都是 function + hooks 了，因为 hooks 很强大也很灵活。 比如 useState 可以声明和修改 state，useEffect 可以管理异步逻辑，u

setState 是同步还是异步？ 肯定是异步的呀。 确定么？那看一下这段代码会打印什么： 在 setTimeout 里修改了两次 state，并打印了 state 的值。 如果是异步的，那应该打印的