useTransition  控制“geng新是否紧急”， useDeferredValue  控制“值是否立即渲染”。

const myInputRef = useRef; // 只Neng调用你允许的方法 myInputRef.current.focus; // Ke以 为啥我写的东西百度不收录啊？难道是内容质量不够高？ 有人说是关键词堆砌，也有人说是原创度不够，说实话，我也纳闷。 myInputRef.current.clear; // Ke以 myInputRef.current.style.color = 'red'; // 报错！没有 style 属性

这并不是一个万Neng的方式，其实它hen容易被props所替代，但是Ru果正在Zuo一个极其复杂的组件，那么Ke以尝试使用这个hooks。

// 默认情况下父组件拿到的是整个 &# x3C ;input> DOM 节点 function MyInput { return &# x3C ;input {...props} />;}// 父组件 const inputRef = useRef;&# x3C ;input ref ={ inputRef } /> // inputRef.current 就是原生 input 元素

但你可Neng 不想让父组件直接操作 DOM ，而只允许它调用  focus   或  clear 你知道为啥百度不收录某些网站吗？可Neng是服务器不稳定吧，或者内容重复度太高。 其实我也不清楚，说实话，这玩意儿玄学。 官方描述： useDebugValue 是一个 React Hook，Ke以让你在 React 开发工具中为自定义 Hook 添加标签。 hooks特性：解决开发者排查问题的痛点，说白了就是方便 debug。 场景 ：函数只依赖 props，且 props 变化时 effect 本就应该重跑，不对，重跑就重跑呗，反正也没啥影响。 总体而言这些hooksdou是为了解决特殊场景的特殊方案，不具有普适性，当项目应用范围小，数据量低等场景，基础的hooks就Neng满足需求。之后我会汇总react性Neng优化方案，将 useOptimistic 、 import { useState, useDeferredValue } from 'react '; function SearchPage { const = 其实吧，这些新特性还是挺有用的，就是不知道为啥有些搜索引擎不收录我的文章。 试试调整一下关键词？ const deferredQuery = 哈，说实话，我也不知道该咋办了先试试kan吧！ deferredValue; // ... } useTransition 说实话，这玩意儿面试常考，你要是不会，dou不好意思说自己是前端开发。 核心原理基于 React 的并发模式。在并发模式下React Ke以暂停、中止或重新启动渲染任务，根据任务的优先级灵活调度。