react基础知识（二）

最新推荐文章于 2024-09-14 23:28:04 发布

温暖前端

最新推荐文章于 2024-09-14 23:28:04 发布

阅读量201

点赞数 3

文章标签： react.js javascript ecmascript

本文链接：https://blog.csdn.net/qq_45914628/article/details/136222452

版权

本文深入探讨React的基础知识，包括表单处理的受控与非受控组件概念，类组件的生命周期，以及如何使用常用的React Hooks如useState、useEffect和useRef进行状态管理和副作用处理。

摘要由CSDN通过智能技术生成

受控组件：input框自己的状态被React组件状态控制

非受控组件：通过手动操作dom的方式获取文本框的值，文本框的状态不受react组件的state中的状态控制，直接通过原生dom获取输入框的值

钩子函数	触发时机	作用
constructor	创建组件时，最先执行，初始化的时候只执行一次	1. 初始化state 2. 创建 Ref 3. 使用 bind 解决 this 指向问题等
render	每次组件渲染都会触发	渲染UI（注意：不能在里面调用setState() ）
componentDidMount	组件挂载（完成DOM渲染）后执行，初始化的时候执行一次	1. 发送网络请求 2.DOM操作
componentDidUpdate	组件更新后（DOM渲染完毕）	DOM操作，可以获取到更新后的DOM内容，不要直接调用setState
componentWillUnmount	组件卸载（从页面中消失）