react为什么用class和箭头函数效果是一样的

Question

1.
importReactfrom'react'
constDemo=()=>{
return(
sd
)
}
exportdefaultDemo
2.
importReactfrom'react'
classListextendsReact.Component{
render(){
return(
sd
)
}
}
exportdefaultList

			

				
胡子哥哥
				
浏览 609回答 2
			
			
			
		

Answer 1

第一种写法是无状态组件的写法。无状态组件只有props，没有state和一系列的生命周期函数。因此，无状态组件更新和渲染的速度比较快！如果你的组件没有state和生命周期控制的话，推荐使用这种书写方式！第二种写法则是一般的react组件的书写方式，包括了props，state和一些列的生命周期函数。你可以对组件的状态进行和各生命周期进行控制。