随笔分类 - React
发表于 2024-02-05 11:05阅读：121评论：0推荐：0
摘要：在 Effect 中直接请求数据很容易导致“网络瀑布”。当你渲染父组件时，它会请求一些数据，再渲染子组件，然后重复这样的过程来请求子组件的数据。 如果网络不是很快，这将比并行请求所有数据要慢得多。 如何理解？ 在React中，当我们在Effect（例如useEffect Hook）中直接请求数据时，
阅读全文 »
发表于 2024-02-04 10:18阅读：17评论：0推荐：0
摘要："与事件处理程序不同，事件处理程序只在每次交互时运行一次，而 Effect 则在需要进行同步时运行。" 但是 交互往往会同时触发事件处理，从而引起值变化，进而导致同步，从而运行Effect，不是吗？ 那么如何确定方法应该写在事件处理里还是Effect里面？？ 事件处理程序（Event Handler
阅读全文 »
发表于 2024-02-02 16:59阅读：250评论：0推荐：0
摘要：Vue.js 和 React 在实现响应式原理上有所不同： Vue.js 的响应式机制： 依赖收集（Dependent Data Collection）： Vue 使用了基于 getter/setter 的 Object.defineProperty() 方法，对数据对象的属性进行拦截。当一个组件渲
阅读全文 »
发表于 2024-01-31 15:36阅读：50评论：0推荐：0
摘要：JSX 虽然看起来很像 HTML，但在底层其实被转化为了 JavaScript 对象，你不能在一个函数中返回多个对象，除非用一个数组把他们包装起来。 这就是为什么多个 JSX 标签必须要用一个父元素或者 Fragment 来包裹。 JSX 最终会被转化为 JavaScript，而 JSX 中的属性也
阅读全文 »
发表于 2024-01-31 09:52阅读：234评论：0推荐：0
摘要：首先，const [count,setCount] = useState(0) 这种语法是ES6的解构赋值语法。 数组在解构赋值时，按照返回的顺序一一解构，并且可以重新命名： const foo = [1,2,3] const [a,b,c] = foo //a=1,b=2,c=3 而对象在解构赋值
阅读全文 »
