mikumikugo

博客园 首页 新随笔 联系 订阅 管理

2022年2月16日 #

摘要: useMemo()和useCallback()都能够起到缓存的作用,只不过useMemo()针对于数据,useCallback()针对于函数 useMemo() 不使用useMemo() 当点击按钮时会改变value的值,同时也会一直执行console.log(1),即take函数一直在被调用 im 阅读全文
posted @ 2022-02-16 22:54 mikumikugo 阅读(206) 评论(0) 推荐(0) 编辑

摘要: 在函数式组件里面使用useEffect()可以实现在类式组件里面的生命周期的效果 使用: useEffect(()=>{},[])第一个参数是一个回调函数,在里面编写要进行的操作,第二个参数是依赖,如果数组为空,说明不依赖于任何的状态,回调函数里面的操作只会在初始化时执行一次,后续状态更新不会执行里 阅读全文
posted @ 2022-02-16 20:46 mikumikugo 阅读(313) 评论(0) 推荐(0) 编辑

摘要: 函数式组件通过使用useState()可以创建自己的状态 使用: 1、首先从React中引入useState 2、const [state,setState] = useState(initialState),useState的返回值是一个数组,包含两个值,第一个是所定义的状态,第二个是设置状态的函 阅读全文
posted @ 2022-02-16 17:56 mikumikugo 阅读(896) 评论(0) 推荐(0) 编辑

摘要: 组件生命周期大体上分为三个阶段:1.组件初始化2.组件更新3.组件卸载 旧版生命周期 一、 componentWillMount() render() componentDidMount() 二、 componentWillReceiveProps(nextProps) shouldComponen 阅读全文
posted @ 2022-02-16 11:33 mikumikugo 阅读(31) 评论(0) 推荐(0) 编辑

摘要: 在React中也有插槽技术 类似普通的HTML双标签,React组件也可以写成双标签的形式,并在标签之间插入内容 class Demo extends React.Component { render(){ return <div> <Child> <li>列表1</li> <li>列表2</li> 阅读全文
posted @ 2022-02-16 10:02 mikumikugo 阅读(243) 评论(0) 推荐(0) 编辑