React.memo要怎么用

Question

刚开始学react，现在要用React.memo去实现一个简单的提交用户输入的信息的操作

import styles from './styles.module.scss'
const CloseAccount = React.memo(() => {
  const submit = () => {

  }
  return (
    <div className={styles.container}>

        <input className={styles.emailInput} placeholder="*请输入你的邮箱"></input>

        <Button className={styles.submitButton} onClick={submit}>
          <span className={styles.submitWord}>登录</span>
        </Button>
    </div>
  )
})

CloseAccount.displayName = 'CloseAccount'

export default CloseAccount

请问要怎么做呢

我才刚看react，但是这个任务今天就要做完，比较急

Answer 1

使用typescript+antd写的一个小demo
因为是周末，所以不怎么上 =。=

我这里网速比较差 所以没看到运行结果，但是大差不差。

还有一点说明下，memo的作用是为了性能优化，避免组件不必要的render。所以和你一般写组件关联不大。