320浏览

0评论

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

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

• 空空 / react / 2022-12-26

245浏览

0评论

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

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

• 空空 / react / 2022-12-24

246浏览

0评论

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

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

• 空空 / react / 2022-12-24

208浏览

0评论

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

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

• 空空 / react / 2022-12-24

213浏览

0评论

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

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

• 空空 / react / 2022-12-24

273浏览

0评论

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

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

• 空空 / react / 2022-12-24

220浏览

0评论

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

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

• 空空 / react / 2022-12-23

220浏览

0评论

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

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

• 空空 / react / 2022-12-23

220浏览

0评论

何为 JSX ？

JSX 是 JavaScript 语法的一种语法扩展，并拥有 JavaScript 的全部功能。JSX 生产React "元素"，你可以将任何的 JavaScript 表达式封装在花括号里，然后将其嵌入到 JSX中。在编译完成之后，JS...

• 空空 / react / 2022-12-07

335浏览

0评论

(在构造函数中)调用 super(props) 的目的是什么？

在 super() 被调用之前，子类是不能使用 this 的，在 ES2015 中，子类必须在 constructor中调用 super()。传递 props 给 super() 的原因则是便于(在子类中)能在 constructor...

• 空空 / react / 2022-12-07