324浏览

0评论

. React-Router 的实现原理是什么

客户端路由实现的思想：基于 hash 的路由：通过监听 hashchange 事件，感知 hash 的变化 改变 hash 可以直接通过 location.hash=xxx基于 H5 history 路由：改变 url 可以通过 histo...

• 空空 / react / 2022-12-28

258浏览

0评论

. React 16 中新生命周期有哪些

可以看出，React16 自上而下地对生命周期做了另一种维度的解读： Render 阶段：用于计算一些必要的状态信息。这个阶段可能会被 React 暂停，这一点和 React16 引入的 Fiber 架构（我们后面会重 点讲解）是有关的；P...

• 空空 / js / 2022-12-28

340浏览

0评论

React 16.X 中 props 改变后在哪个生命周期中处理

在 getDerivedStateFromProps 中进行处理。这个生命周期函数是为了替代 componentWillReceiveProps 存在的， 所以在需要使用 componentWillReceiveProps 时，就可以考虑使...

• 空空 / react / 2022-12-26

308浏览

0评论

React 中怎么检验 props？验证 props 的目的是什么？

React 为我们提供了 PropTypes 以供验证使用。当我们向 Props 传入 的数据无效（向 Props 传入的数据类型和验证的数据类型不符）就会 在控制台发出警告信息。它可以避免随着应用越来越复杂从而出现的 问题。并且，它还可以...

• 空空 / react / 2022-12-26

269浏览

0评论

React 中的 props 为什么是只读的？

this.props 是组件之间沟通的一个接口，原则上来讲，它只能从父 组件流向子组件。React 具有浓重的函数式编程的思想。提到函数式编程就要提一个概念：纯函数。它有几个特点：给定相同的输入，总是返回相同的输出。过程没有副作...

• 空空 / react / 2022-12-26

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