一、基础知识 React API 一览

1.10 Hooks

参考文章:https://juejin.im/post/5be3ea136fb9a049f9121014

demo:

/**
 * 必须要react和react-dom 16.7以上
 */

import React, { useState, useEffect } from 'react'

export default () => {
  const [name, setName] = useState('jokcy')

  useEffect(() => {
    console.log('component update')

    return () => {
      console.log('unbind')
    }
  }, [])

  return (
    <>
      <p>My Name is: {name}</p>
      <input type="text" value={name} onChange={e => setName(e.target.value)} />
    </>
  )
}

1.11 React.children

 

上一篇:【React全解3】React.useState原理详解,一次性搞懂useState


下一篇:用React 中的useState改变值不重新渲染的问题