无状态组件

当一个组件只剩下render函数，其他都没有的时候，我们就可以称这个组件为无状态组件

就像下面这样

import React, { PureComponent } from 'react'

export default class Stateless extends PureComponent {
  render() {
    return (
      <div>Stateless</div>
    )
  }
}

无状态组件可以转化为函数式组件, 性能比类组件高很多，建议大家尽可能用函数式组件开发

import React, { memo } from 'react'

const Stateless = memo((props) => {
  return (
    <div>Stateless</div>
  )
})

export default Stateless

其实上节中我们讲到的TodolistUI组件就是无状态组件