270浏览

0评论

React 组件的 state 和 props 有什么区别

（1）propsprops 是一个从外部传进组件的参数，主要作为就是从父组件向子组 件传递数据，它具有可读性和不变性，只能通过外部组件主动传入新 的 props 来重新渲染子组件，否则子组件的 props 以及展现形式不会 改变。（2）st...

• 空空 / react / 2022-12-26

321浏览

0评论

React setState 调用之后发生了什么？是同步还是异步

（1）React 中 setState 后发生了什么在代码中调用 setState 函数之后，React 会将传入的参数对象与组 件当前的状态合并，然后触发调和过程(Reconciliation)。经过调和 过程，React 会...

• 空空 / react / 2022-12-26

247浏览

0评论

React 中可以在 render 访问 refs 吗？为什么

不可以，render 阶段 DOM 还没有生成，无法获取 DOM。DOM 的获取 需要在 pre-commit 阶段和 commit 阶段：...

• 空空 / react / 2022-12-24

247浏览

0评论

React 如何判断什么时候重新渲染组件

组件状态的改变可以因为 props 的改变，或者直接通过 setState 方 法改变。组件获得新的状态，然后 React 决定是否应该重新渲染组件。 只要组件的 state 发生变化，React 就会对组件进行重新渲染。这是 因为 Rea...

• 空空 / react / 2022-12-24

209浏览

0评论

5. React.createClass 和 extends Component 的区别有哪些？

React.createClass 和 extends Component 的 bai 区别主要在于：（1）语法区别 createClass 本质上是一个工厂函数，extends 的方式更加接近最新 的 ES6 规范的 clas...

• 空空 / react / 2022-12-24

214浏览

0评论

Component, Element, Instance 之间有什么区别和联系？

元素：一个元素 element 是一个普通对象(plain object)，描述了对 于一个 DOM 节点或者其他组件 component，你想让它在屏幕上呈现成 什么样子。元素 element 可以在它的属性 props 中包含其他元素(...

• 空空 / react / 2022-12-24

275浏览

0评论

React 高阶组件、Render props、hooks 有什么区别，为什 么要不断迭代

这三者是目前 react 解决代码复用的主要方式：高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而 形成的设计模式。具体而言，高阶组件...

• 空空 / react / 2022-12-24

221浏览

0评论

React 组件中怎么做事件代理？它的原理是什么

React 基于 Virtual DOM 实现了一个 SyntheticEvent 层（合成事件 层），定义的事件处理器会接收到一个合成事件对象的实例，它符合 W3C 标准，且与原生的浏览器事件拥有同样的接口，支持冒泡机制， 所有的事件都自...

• 空空 / react / 2022-12-23

221浏览

0评论

React 的事件和普通的 HTML 事件有什么不同？

区别：对于事件名称命名方式，原生事件为全小写，react 事件采用小驼峰；对于事件函数处理语法，原生事件为字符串，react 事件为函数； react 事件不能采用 return false 的方式来阻止浏览器的默认行 为，而必...

• 空空 / react / 2022-12-23

262浏览

0评论

Vue 中 key 的作用

vue 中 key 值的作用可以分为两种情况来考虑：第一种情况是 v-if 中使用 key。由于 Vue 会尽可能高效地渲染元 素，通常会复用已有元素而不是从头开始渲染。因此当使用 v-if 来 实现元素切换的时候，如果切换前后含有相同类型...

• 空空 / vue / 2022-12-23