React组件声明方式:函数定义、类定义的简单理解

        根据官网,定义最简单的组件方式就是一个JavaScript函数,其接受一个props的参数并返回一个react的dom元素。同理class声明也能做到,不过大家都知道函数声明的组件是比较简单的,有许多特性不能使用,接下来是对于这方面的简单理解。

        首先函数声明可以理解为一个特殊的普通函数,其本质与ES5中创建的构造函数差不多,但是该函数里面并没有定义或者继承react的一些其他特性。而class声明的组件可以理解为ES6的声明类,声明方式为:class Welcome extends React.Component,可以看到其中的extends继承了React的Component,所以通过class声明的组件继承了react的特性,比如生命周期。

        所以简单来说函数定义的组件本质上就是返回了一个react的dom,而类定义则是继承了react的组件特性的。

你可能感兴趣的:(React组件声明方式:函数定义、类定义的简单理解)