当前位置: 首页 > 科技观察

Rect面试题不容错过,务必收藏

时间:2023-03-12 06:36:20 科技观察

以下是关于React的常用面试题列表:无论你是面试官还是招聘人员,都可以参考以下题目。React的工作原理React创建了一个虚拟DOM(virtualDOM)。当组件中的状态发生变化时,React会首先通过“diffing”算法在虚拟DOM中标记变化,第二步是协调,将diff的结果更新到DOM。使用React有什么优势?只看render函数,很容易知道一个组件是如何渲染的。JSX的引入使得组件的代码更具可读性,更容易理解组件的布局,或者组件之间如何交互。该参考支持服务器端呈现,可以提高SEO和性能。这很容易测试。React只关注View层,所以它可以和任何其他框架(如Backbone.js、Angular.js)一起使用展示组件(Presentationalcomponents)和容器组件(Containercomponent)可见组件关心的是组件的外观喜欢。Display专门通过props接受数据和回调,很少有自己的状态,但是当展示组件有自己的状态时,它们通常只关心UI的状态而不关心数据的状态。容器组件更关心组件如何工作。容器组件向展示组件或其他容器组件提供数据和行为,它们调用Flux操作并将它们作为回调提供给展示组件。容器组件通常是有状态的,因为它们是(其他组件的)数据源。类组件和功能组件有什么区别?类组件不仅可以让你使用更多的附加特性,比如组件自身的状态和生命周期钩子,还可以让组件直接访问store并维护状态将组件本身呈现到页面,并且可以使用纯函数来创建这样的组件。此类组件也称为哑组件(dumbcomponents)或表示组件(components)的状态(state)和道具(props)的区别状态是一种数据结构,用于组件挂载时所需的数据,默认值为。状态可能会随时间发生变化,但主要是用户事件行为的结果。Props(属性的缩写)是组件的配置。Props是从父组件传递给子组件的,对于子组件而言,props是不可变的。组件不能改变自己的props,但可以将其子组件的props放在一起(统一管理)。Props不仅仅是数据——回调也可以作为props传递。指出不同的componentWillMount(组件)生命周期方法——多用于根组件componentDidMount中的应用配置——在这里可以完成所有离DOM不行的配置,并开始获取所有数据你需要;如果你需要设置事件监听也可以在这里完成该组件收到新的props,这会阻止(组件)重新渲染。shouldComponentUpdate应该返回一个布尔值以确定组件是否应该重新渲染componentWillUpdate——很少使用。可用于替换componentWillReceiveProps和shouldComponentUpdate(但不能访问之前的props)componentDidUpdate--常用于更新DOM,响应prop或state的变化一个React组件应该事件侦听器发出Ajax请求在一个React组件中,一个网络请求应该在componentDidMount中发出。该方法将在组件第一次被“挂载”(添加到DOM中)时执行,并且在组件的生命周期中只会执行一次。更重要的是,您不能保证Ajax请求在组件挂载之前已经完成,如果是这样,则意味着您将尝试在未挂载的组件上调用setState,这将不起作用。在componentDidMount中发出网络请求将确保有一个组件准备好更新。什么是受控组件?在HTML中,