2022年10月19日
摘要: 问题一: servers后端问题——丢包,重新下载 命令:npm i 问题二: servers路由router.js中页面的路由合代码时被覆盖 问题3: 状态码500 --后端问题 问题4: 导入后端路径拼接前端图片路径导入时报错 使用Vue3 globalProperty应用实例解决,具体查阅博客 阅读全文
posted @ 2022-10-19 16:19 香香鲲 阅读(92) 评论(0) 推荐(0) 编辑
摘要: useReducer vs useState(面试) useReducer和useState都可以用来管理组件的状态,它们之间最大的区别就是: useReducer将状态和状态的变化统一管理在reducer函数里面,这样对于一些复杂的状态管理会十分方便我们debug,因为它对状态的改变是封闭的。而由 阅读全文
posted @ 2022-10-19 16:11 香香鲲 阅读(250) 评论(0) 推荐(0) 编辑
摘要: useReducer 1.useReducer用最简单的话来说就是允许我们在函数组件里面像使用redux一样通过reducer和action来管理我们组件状态的变换 语法: const [state, dispatch] = useReducer(reducer, initialArg, init? 阅读全文
posted @ 2022-10-19 16:09 香香鲲 阅读(62) 评论(0) 推荐(0) 编辑
摘要: useCallback 1.我们在定义函数组件的时候时常在函数体内定义一些内嵌函数,这些内嵌函数会在组件每次重新渲染的时候被重新定义,如果它们作为props传递给了子组件的话,即使其它props的值没有发生变化,它都会使子组件重新渲染,而无用的组件重渲染可能会产生一些性能问题。 每次重新生成新的内嵌 阅读全文
posted @ 2022-10-19 16:08 香香鲲 阅读(138) 评论(0) 推荐(0) 编辑
摘要: useRef useRef是用来在组件不同渲染之间共用一些数据的,它的作用和我们在类组件里面为this赋值是一样的。 语法 import {useRef} from "react" const refObject = useRef(initialValue) //useRef接收initialVal 阅读全文
posted @ 2022-10-19 16:04 香香鲲 阅读(65) 评论(0) 推荐(0) 编辑
摘要: React事件 (1)事件类型 使用React元素处理事件与处理DOM元素上的事件非常相似。不过有一些语法上的差异: React事件使用小驼峰命名法,而不是全部小写命名。 React事件使用JSX传递一个函数作为事件处理程序,而不是一个字符串。 示例: 鼠标事件:onClick onDoubleCl 阅读全文
posted @ 2022-10-19 15:54 香香鲲 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 表单组件 在HTML中,表单元素与其他元素最大的不同是它自带值或数据,而且在我们的应用中,只要是有表单出现的地方,就会有用户输入,就会有表单事件触发,就会涉及的数据处理。 在我们用React开发应用时,为了更好地管理应用中的数据,响应用户的输入,编写组件的时候呢,我们就会运用到受控组件与非受控组件这 阅读全文
posted @ 2022-10-19 15:52 香香鲲 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 生命周期钩子详解 定义:在特定的阶段,ne你刚刚自动执行的函数(方法)。 componentWillMount :在渲染前调用,在客户端也在服务端。 componentDidMount : 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode() 阅读全文
posted @ 2022-10-19 15:15 香香鲲 阅读(84) 评论(0) 推荐(0) 编辑
摘要: 数组 JSX 允许在模板中插入数组,数组会自动展开所有成员 var arr = [ <h1>HTML</h1>, <h2>CSS</h2> ]; ReactDOM.render( <div>{arr}</div>, document.getElementById('example') ); 列表渲染 阅读全文
posted @ 2022-10-19 14:50 香香鲲 阅读(614) 评论(0) 推荐(0) 编辑
摘要: 在 React 中,你可以创建不同的组件来封装各种你需要的行为。然后,依据应用的不同状态,你可以只渲染对应状态下的部分内容。 React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态,然后让 React 根据它们来 阅读全文
posted @ 2022-10-19 14:12 香香鲲 阅读(938) 评论(0) 推荐(1) 编辑
摘要: 注释需要写在花括号中,需要注意的是: 在标签内部的注释需要花括号 在标签外的的注释不能使用花括号 ReactDOM.render( /*标签外部的注释 */ <h1>我是标题 {/*标签内部的注释*/}</h1>, document.getElementById('example') ) ; 阅读全文
posted @ 2022-10-19 10:20 香香鲲 阅读(101) 评论(0) 推荐(0) 编辑
摘要: Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 但是不要什么业务都使用hook,请在合适的时候使用hook,否则会造成性能问题.(能不用的时候就不能,当遇到性能不好优化的时候,自然会想到使用它) useStat 阅读全文
posted @ 2022-10-19 10:09 香香鲲 阅读(74) 评论(0) 推荐(0) 编辑
摘要: React 的一大特点是单向数据流。React 中的每一个组件,都包含有一个属性(props),属性主要是从父组件传递给子组件的,在组件内部,我们可以通过this.props获取属性对象。 1、定义和使用props 传值 通过React类定义组件时: 在父组件render 方法中调用组件时使用key 阅读全文
posted @ 2022-10-19 10:09 香香鲲 阅读(808) 评论(0) 推荐(0) 编辑