react知识理解

1.jsx,htmL的扩展,可以在js里写html。在js中表示用户界面(UI)

2.组件,函数组件和类组件。常用函数组件,开头函数名大写。自定义组件,把一些复用逻辑给封装起来,减少代码的使用,减少代码的重复性。

3.redux:状态管理库,独立于react创建,redux的创建使用:安装依赖pnpm add @reduxjs/toolkit react-reudx 三个依赖,创建库store ,引入createrslice ,在createrslice 里模块名,初始化,reducers 在reducers里进行状态修改,action提交,然后,解构出reducer的变量,通过函数名.actions

,导出函数名.reducer,然后再store文件夹里面的入口文件index.jsx 里进行组合,通过引入configurestore进行组合,模块名:导出的函数名.reducer。然后导出,再main.jsx里进行注入,通过引入provider进行绑定导出的组合名。再外部使用redux数据通过引入useSelector钩子函数useSelector(state=>action.模块名)修改使用useDispatch函数,可以声明变量=useDispatch()修改调用该方法dispatch(reducers里的变量())

4,路由:给定一个路径path,通过element 进行渲染,有一级路由和二级路由。路由安装依赖pnpm add react-router-dom。二级路由,通过chriden来实现,在一级路由的return里进行outlet设置二级路由出口。路由导航,声明式路由link to 路径名,编程式导航navigatie to 路径名。404配置,建立一个文件夹,声明组件Notfind,导出到主路由文件里,引入createBrowseRouter([ ])进行路径配置渲染,路径配置为通配符。路由传参,使用钩子函数useSearchparm和useParearm.useSearchparm返回一个searchParm对象和数组,获取值需要使用get()方法进行使用,useParm返回的是一个对象,通过对象的方式直接获取。

5.组件通信,:父传子,子传父,兄弟之间通信,跨域通信。

6.受控绑定和非受控绑定 受控绑定:使用useState()控制状态,把当前state绑定到input的value属性,把更新值给通过noChang传给state.非受控绑定使用useRef获取Dom的方式获取表单的输入数据。将ref绑定到表单元素属性绑定useRef(null)获取的Dom元素,通过onChang事件实时跟新,非受控就是不受状态管理控制。触发事件就进行渲染,提交。

7,懒加载,

8.类组件生命周期

9.hook函数

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容