随笔分类 - 04.React杂记
这是一个新手小白的react杂记~~
摘要：在 `Ant Design ProTable` 中，设置搜索栏下拉框的宽度稍有不同。受控于 `valueType` 属性中的 `select` 或其它类型，你可以在列定义中提供一个 `request` 函数来定义下拉选项，并且使用 `fieldProps` 来修改下拉选择的一些属性。 这就是如何在
阅读全文
摘要：方法一： 参考链接：https://cloud.tencent.com/developer/article/2160064 方法二：完全卸载并重新挂载：在 React 中，当你需要完全卸载并重新创建一个新的编辑器实例时，可以使用 key 属性强制触发重新渲染 ```jsx const [refres
阅读全文
摘要：React面试宝典 一、组件基础 梳理组件设计原理与思路分析和解决问题的技巧 1.React原理 📌解释React是什么（谈一谈React理解） 讲概念：一句话解释技术本质 react是一个网页UI框架 | 回顾历史 | ①jQuery诞生于2005年，浏览器兼容性是当时最大的问题，jQuery应
阅读全文
摘要：关于钩子函数的使用注意事项： 钩子只能在React组件和自定义钩子中使用 钩子不能在嵌套函数或其他语句（if、switch、white、for等）中使用 React中自带的钩子函数 useState useEffect useContext useReducer useCallback useRef
阅读全文
摘要：一、样式设置 1.内联样式 <div style={{color:'red'}}> 我是Div </div> 样式过多时，可以把样式提取出来作为变量定义 import React from 'react'; const StyleDemo = () => { const divStyle = {co
阅读全文
摘要：React18函数式组件 基于React18新特性 在原有的React基础上，补充函数式组件的知识点及用法 一、React事件 在React中事件需要通过元素的属性来设置 和原生JS不同，在React中事件的属性需要使用驼峰命名法： onclick -> onClick onchange -
阅读全文
摘要：七、redux 7.1 redux理解 7.1.1 redux是什么 redux是一个专门用于做状态管理的JS库(不是react插件库)。 它可以用在react, angular, vue等项目中, 但基本与react配合使用。 作用: 集中式管理react应用中多个组件共享的状态。 7.1.2 r
阅读全文
摘要：感觉更新了React18之后现在学React着实有点坑。18版本是今年才发布的，所以除了文档之外可以查到的资料实在是少之又少，很多基于新版本写法问题的报错也很难搜索到，我的内心也是极度崩溃。。。看了官网尽力找到一些不知道对不对的解决办法，记录一下吧 1.React18 解决 unmountCompo
阅读全文
摘要：React扩展用法 1. setState setState更新状态的2种写法 :one: setState(stateChange, [callback]) 对象式的setState （1）stateChange为状态改变对象(该对象可以体现出状态的更改) （2）callback是可选的回调函数,
阅读全文
摘要：五、React路由 5.1 路由相关理解 5.1.1 SPA的理解 单页Web应用（single page web application，SPA）。 整个应用只有一个完整的页面。 点击页面中的链接不会刷新页面，只会做页面的局部更新。 数据都需要通过ajax请求获取, 并在前端异步展现。 单页面、多
阅读全文
摘要：三、React应用 3.1. 创建react应用 3.1.1. react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 创建基于React脚手架的模板项目-简称创建脚手架 包含了所有需要的配置（语法检查、jsx编译、devServer…） 下载好了所有相关的依赖 可以直接
阅读全文
摘要：一、React简介 1.1 什么是React 用于动态构建用户界面的 JavaScript 库(只关注于视图) 1.2 为什么学React 原生JavaScript的缺点： 原生JavaScript操作dom繁琐，效率低（DOM-API操作UI） 使用JavaScript每次操作dom都要进行浏览器
阅读全文
