hooks内部的方法使用

useEffect的使用:

useEffect(() => {
  first;

  return () => {
    second;
  };
});
// 当没有第二个参数, 一进页面变化first,second 当页面有数据(状态)变化时候first,second改变,当离开时候second变化
useEffect(() => {
  first;

  return () => {
    second;
  };
},[]);
// 当第二个参数为[], 一进页面变化first, 当页面有数据(状态)变化时候first,second不变,当离开时候second变化
useEffect(() => {
  first;

  return () => {
    second;
  };
},[time]);
// 当第二个参数为[time], 一进页面变化first, 当页面有数据(状态)变化时候first,second变化,当离开时候second变化

useContext父传子

//MainPage.js 父
import React from 'react'
import ChildPage from './ChildPage'
export const MyContext = React.createContext();
function MainPage(){
	return (
	    <div>
	    	<MyContext.Provider value ='Hello world'>
	    	     <ChildPage />
	    	</MyContext.Provider>
	    </div>
	)
}
export default MainPage;


//ChildPage.js 子
import React, { useContext } from 'react';
import {MyContext} from './MainPage'
function ChildPage(){
	return (
	    <p>{useContext(MyContext)}</p>
	)
}
export default ChildPage;