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;