分类：组件逻辑

2021
02-20

详解React中共享组件逻辑的三种方式

废话少说，这三种方式分别是：renderprops、高阶组件和自定义Hook。下面依次演示假设有一个TimeOnPage组件专门用来记录用户在当前页面停留时间，像这样：constTimeOnPage=()=>{const[second,setSecond]=useState(0);useEffect(()=>{setTimeout(()=>{setSecond(second+1);},1000);},[second]);return(<div>停留时间：{second}秒</div>);}如果另一个组件需要复用这个功能，我们能否封装一下，以便... 继续阅读 >