PureComponent 与 Component 类似,自react 15.3 版本之后使用,主要为了提高组件的重复加载问题,提高性能,类似于 shouldComponentUpdate功能。
import React, { Component, PureCompoent } from 'react'
class A extends PureComponent {
constructor(props) {
super(props);
}
render() {
console.log("A组件加载")
return (
{this.props.data}
)
}
}
class B extends PureComponent {
constructor(props) {
super(props);
}
render() {
console.log("B组件加载")
return (
{this.props.data}
)
}
}
export default class Compoents_1 extends PureComponent {
constructor(props) {
super(props);
this.state={data: 0}
}
render() {
console.log("B组件加载")
return (
)
}
}