夏*想想-优快云博客

原创 react将字符串标签转换成html标签

将像标签一样的字符串转换成html标签在页面展示的三种方式，如将用字符串包裹的 iconfont标签转换成html标签，

2023-09-27 10:22:58 2683 1

原创 react——路由

前端路由就是把不同路由对应不同的内容或页面对应展示出来。路由可以帮助我们很好的管理页面和代码，增强用户的体验感。路由模式有hash和 history 两种模式，通常用hash模式。在react中，react-router是跨平台的，内置通用组件和通用Hooks。

2023-02-03 15:37:31 5869

原创 Redux拓展

除了redux之外，还有两种中间件（Redux-thunk和Redux-saga）和常用组件（React-Redux），虽然用redux可以解决遇到的问题，但是学习这几种会使开发事半功倍。

2023-02-02 18:58:23 368

原创 react——组件通信

组件通信分为父子组件之间的通信和非父子之间的通信，在父子组件通信中用到的是父传子（传递数据），字传父（传递方法），类组件多了个this，函数组件则不需要this。非父子组件通信，跨域的比较大，组件层级嵌套比较多，因此相对来说会比较复杂，但是也有方式来实现：状态提升（中间人模式，前提是必须是亲兄弟，关系复杂后不适用），发布订阅者模式（实际开发中用redux），context状态树传参（官方方法）

2023-02-02 16:53:00 1213

原创 react——useState和useReducer

useState和useReducer都是用来存储和更新state，useReducer状态管理是useState的升级版。useReducer可以在外部存储变量，实现异步操作。若要实现跨组件通信，需要结合useContext来实现

2023-01-04 14:57:30 778 2

原创 react——插槽

插槽的使用，需要在组件标签内部组合jsx内心，进行传递，因为jsx本身就是一个js对象，插槽直接使用隐藏属性children直接渲染到页面，也可以是数组或者对象，通过索引或者属性实现具名插槽。

2022-12-30 17:00:48 1131

原创 react——三大属性

react中的属性有state(内部状态)、props（外部属性）和ref（组件内某个元素），重点记录props的使用。

2022-12-28 17:26:01 405

原创 react——ToDoList案例

todolist案例是一个类似于笔记本的一个小案例，能做到添加输入内容到列表中，指定删除对应的列表数据，前提基础要会react，掌握react中的事件和获取dom元素的值，以及状态的获取和修改。案例中的样式是最简单的一种，学会了之后，大家可以按照自己想要的设计风格修改，也可以扩展内容，如统计列表中展示的条数等。案例中需要注意的是深拷贝问题

2022-12-27 16:45:14 226

原创 react之ref

ref在react中是一个对象，它有一个current属性，可以对这个属性进行操作，用于获取DOM元素和保存变化的值。常用的案例是input标签来展示和实践。推荐方法：在函数式组件中调用useRef()函数和在类组件中调用createRef()函数，它们返回ref对象。在组件的整个生命周期中，ref对象一直存在：组件挂载，ref对象创建，组件销毁，ref对象销毁。

2022-12-27 11:19:17 1007