简单点说呢,无状态组件就是--一个接收props,返回jsx结构的函数。
// 函数
const Welcome = props => <h1>Welcome {props.name}</h1>;
// 类组件
class Welcome extends React.Component {
render() {
return <h1>Welcome {this.props.name}</h1>;
}
}
对于只有一个render的组件来说,可以使用无状态组件来进行替换,可以提升性能,因为里面没有state以及生命周期函数什么的,能使用无状态组件尽量使用,必要时升级成类组件;
网友评论