405浏览

0评论

对 Redux 的理解，主要解决什么问题

React 是视图层框架。Redux 是一个用来管理数据状态和 UI 状态的 JavaScript 应用工具。随着 JavaScript 单页应用（SPA）开发日趋 复杂， JavaScript 需要管理比任何时候都要多的 state（状态...

• 空空 / react / 2022-12-28

232浏览

0评论

react-router 里的 Link 标签和 a 标签的区别

从最终渲染的 DOM 来看，这两者都是链接，都是 标签，区别是∶<Link>是 react-router 里实现路由跳转的链接，一般配合<Route> 使用，react-router 接管了其默认的链接跳转行为，区别...

• 空空 / react / 2022-12-28

323浏览

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

339浏览

0评论

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

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

• 空空 / react / 2022-12-26

307浏览

0评论

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

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

• 空空 / react / 2022-12-26

268浏览

0评论

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

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

• 空空 / react / 2022-12-26

269浏览

0评论

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

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

• 空空 / react / 2022-12-26

320浏览

0评论

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

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

• 空空 / react / 2022-12-26

244浏览

0评论

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

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

• 空空 / react / 2022-12-24