567浏览

0评论

触发多次setstate，那么render会执⾏⼏次

多次setState会合并为⼀次render，因为setState并不会⽴即改变state的值，⽽是将其放到⼀个任务队列⾥，最终将多个setState合并，⼀次性更新⻚⾯。 所以我们可以在代码⾥多次调⽤setState，每...

• 空空 / react / 2023-02-27

568浏览

0评论

调⽤ setState 之后发⽣了什么

在代码中调⽤ setState 函数之后，React 会将传⼊的参数对象与组件当前的状态合并，然后触发所谓的调和过程。 经过调和过程，React会以相对⾼效的⽅式根据新的状态构建React元素树并且着⼿重新渲染整个UI 界...

• 空空 / react / 2023-02-27

527浏览

0评论

解释 React 中 render() 的⽬的

每个React组件强制要求必须有⼀个 render()。它返回⼀个 React 元素，是原⽣ DOM 组件的表示。如果需要渲染多个 HTML 元素，则必须将它们组合在⼀个封闭标记内，例如 、 、`` 等。此函数必须保持纯净，即必须每次...

• 空空 / react / 2023-02-27

535浏览

0评论

React fiber 的理解和原理

理解 React16 以前 React16 以前，对virtural dom的更新和渲染是同步的。就是当⼀次更新或者⼀次加载开始以后，diffffvirtual dom并且渲染的过程是⼀⼝⽓完成的。如果组件层级...

• 空空 / react / 2023-02-27

497浏览

0评论

数据双向绑定单向绑定优缺点

双向绑定是⾃动管理状态的，对处理有⽤户交互的场景⾮常合适，代码量少，当项⽬越来越⼤的时候，调试也变得越来越复杂，难以跟踪问题 单向绑定是⽆状态的, 程序调试相对容易, 可以避免程序复杂度上升时产⽣的各种问题, 当然写代码时...

• 空空 / react / 2023-02-27

508浏览

0评论

如何遍历⼀个dom树

function traversal(node) { //对node的处理 if (node && node.nodeType === 1) { console.log(node.tag...

• 空空 / react / 2023-02-26

517浏览

0评论

useState 中的状态是怎么存储的

通过单向链表，fifiber tree 就是⼀个单向链表的树形结构。...

• 空空 / react / 2023-02-26

500浏览

0评论

react hooks 原理是什么

hooks 是⽤闭包实现的，因为纯函数不能记住状态，只能通过闭包来实现。...

• 空空 / react / 2023-02-26

518浏览

0评论

react 的虚拟dom是怎么实现的

⾸先说说为什么要使⽤Virturl DOM，因为操作真实DOM的耗费的性能代价太⾼，所以react内部使⽤js实现了⼀套dom结构，在每次操作在和真实dom之前，使⽤实现好的diffff算法，对虚拟dom进⾏⽐较，递归找出有变化的do...

• 空空 / react / 2023-02-26

510浏览

0评论

你的技术栈主要是react，那你说说你⽤react有什么坑点

1、JSX做表达式判断时候，需要强转为boolean类型，如 render() { const b = 0; return <div> { !!b && <div&...

• 空空 / react / 2023-02-26