有哪些高级反应面试题

这期内容当中小编将会给大家带来有关有哪些高级反应面试题,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

<强>

难度:?

<强>虚拟DOM (VDOM) 它是真实DOM的内存表示,一种编程概念,一种模式。它会和真实的DOM同步,比如通过ReactDOM这种库,这个同步的过程叫做调和(reconcilation)。

虚拟DOM更多是一种模式,不是一种特定的技术。

<强>资料 https://github.com/sudheerj/reactjs-interview-questions
<强>参考资料: https://www.javascriptcn.com/read - 65385. - html

<强>

难度:? ?

<李>

<强>类组件 (<强>类组件)

<李>

无论是使用函数或是类来声明一个组件,它决不能修改它自己的<代码>道具>

<李>所有反应组件都必须是纯函数,并禁止修改其自身<代码>道具>
<李>

反应是单项数据流,父组件改变了属性,那么子组件视图会更新。

<李>属性<代码>道具> 状态是组件本身的,状态可以在组件中任意修改李 <>李组件的属性和状态改变都会更新视图。

类欢迎延伸反应。组件{ 　　呈现(){ 　　回报( 　　& lt; h2>欢迎{this.props.name} & lt;/h2> 　　); 　　} 　　} 　　ReactDOM.render (& lt;欢迎name=& # 39;反应# 39;/祝辞,. getelementbyid(& # 39;根# 39;));

<李>

<强>函数组件(功能组件)

<李>函数组件接收一个单一的<代码>道具>
功能欢迎(道具){ 　　返回& lt; h2>欢迎{props.name} & lt;/h2> 　　} 　　ReactDOM.render (& lt;欢迎name=& # 39;反应# 39;/祝辞,. getelementbyid(& # 39;根# 39;));

<强>区别,

函数组件和类组件当然是有区别的,而且函数组件的性能比类组件的性能要高,因为类组件使用的时候要实例化,而函数组件直接执行函数取返回结果即可。为了提高性能,尽量使用函数组件。

区别函数组件类组件是否有<代码> 没有有是否有生命周期没有有是否有状态<代码> 状态没有有

<强>资料https://github.com/Pau1fitz/react-interview

<强>参考资料:https://overreacted.io/how-are-function-components-different-from-classes/

<强>

难度:? ?

参是反应提供给我们的安全访问DOM元素或者某个组件实例的句柄。
我们可以为元素添加ref属性然后在回调函数中接受该元素在DOM树中的句柄,该值会作为回调函数的第一个参数返回:

类UnControlledForm扩展组件{
　　handleSubmit=()=比;{
　　console.log(“输入值:“this.input.value)
　　}
　　呈现(){
　　回报(
　　& lt;形式>功能CustomForm ({handleSubmit}) {
　　让inputElement
　　回报(
　　MyComponent & lt;形式>类添加扩展反应。组件{
　　构造函数(道具){
　　超级(道具);
　　这一点。myRef=React.createRef ();
　　}
　　呈现(){
　　返回& lt; p ref={。myRef}/祝辞;;
　　}
　　}

:

和

类UserForm扩展组件{
　　handleSubmit=()=比;{
　　console.log(“输入值是:“,this.input.value)
　　}
　　呈现(){
　　回报(
　　& lt;形式> const EnhancedComponent=higherOrderComponent (WrappedComponent); 

<李>高阶组件(HOC)是反应中用于复用组件逻辑的一种高级技巧李 <>李高阶组件的参数为一个组件返回一个新的组件 <李>组件是将道具转换为UI,而高阶组件是将组件转换为另一个组件

<强>资料https://github.com/sudheerj/reactjs-interview-questions

<强>参考资料:https://css-tricks.com/what-are-higher-order-components-in-react/

<强>

难度:? ?

在调用方法之前,子类构造函数无法使用<强>这引用<代码>超级()。

在ES6中,在子类的构造函数<代码> 中必须先调用<代码>超级> 。

在<代码> 构造函数中可以使用<代码> this.props

<强>使用道具:

 MyComponent类添加扩展反应。组件{
　　构造函数(道具){
　　超级(道具);
　　console.log (this.props);//打印{名称:& # 39;sudheer& # 39;,年龄:30}
　　}
　　}
有哪些高级反应面试题