react hook

hook

作用： 可以让我们在函数式组件中添加state,也可以让我们使用部分生命周期钩子函数

useState useEffect

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


  const Item = ( props ) => {
   
    return   <li> {
    props.content } </li>
  }

  function HookComponent () {
   
    let  [count,setCount ] = useState( 0 )
    let [ list, setList ] = useState( [
      {
   
        id: 1,
        content: '敲代码1'
      }
    ])

    // console.log( count , setCount )


    useEffect ( () => {
   
      //执行副作用的函数
      document.title = c