🌟🌟🌟:无状态组件

2019-03-21  本文已影响0人  达摩会武术

简单点说呢,无状态组件就是--一个接收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以及生命周期函数什么的,能使用无状态组件尽量使用,必要时升级成类组件;

上一篇下一篇

猜你喜欢

热点阅读