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

190浏览

0评论

当渲染一个列表时，何为 key？设置 key 的目的是什么

Keys 会有助于 React 识别哪些 items 改变了，被添加了或者被移除了。Keys 应该被赋予数组内的元素以赋予(DOM)元素一个稳定的标识，选择一个 key 的最佳方法是使用一个字符串，该字符串能惟一地标识一个列表项。很多时...

• 空空 / react / 2022-12-07

249浏览

0评论

怎么阻止组件的渲染？

在组件的 render 方法中返回 null 并不会影响触发组件的生命周期方法...

• 空空 / react / 2022-12-07