#函数式组件和类组件的区别 1. 语法上的区别: 函数式组件是一个纯函数,它是需要接受props参数并且返回一个React元素就可以了。 类组件是需要继承React.Component,而且class组件需要创建render并且返回React元素, 语法上来讲更复杂。
2. 调用方式 函数式组件可以直接调用,返回一个新的React元素; 类组件在调用时是需要创建一个实例的,然后通过调用实例里的render方法来返回一个React元素。 3. 状态管理(state) 函数式组件没有状态管理,类组件有状态管理。 4. 使用场景 类组件没有具体的要求。 函数式组件一般是用在大型项目中来分割大组件(函数式组件不用创建实例,所有更高效), 一般情况下能用函数式组件就不用类组件,提升效率。
组件的状态(state)和属性(props)之间有何不同
State 是一种数据结构,用于组件挂载时所需数据的默认值。 State 可能会随着时间的推移而发生突变,但多数时候是作为用户事件行为的结果。 Props(properties 的简写)则是组件的配置。 props 由父组件传递给子组件,并且就子组件而言,props 是不可变的(immutable)。 组件不能改变自身 的 props,但是可以把其子组件的 props 放在一起(统一管理)。 Props 也不仅仅是数据–回调函数也可以通过 props 传递。