2022年11月14日
摘要: 当在直接在组件内使用setState时,会产生“渲染次数过多”的错误 例如: const A = ( ) => { const [num,setNum] = useState(1); setNum(1); return (<>{num}</>); }; 虽然之前的num与之后的num内容一致,应不会 阅读全文
posted @ 2022-11-14 10:53 (Q口Q) 阅读(17) 评论(0) 推荐(0)
  2022年10月29日
摘要: 三个组件:输入A组件 输出B组件 TestContext组件,数据x。 方法: 输入端(A): import TestContext from "TestContext组件路径"; const A = () => { //如果需要监控可对数据x useState <CartContext.Provi 阅读全文
posted @ 2022-10-29 23:08 (Q口Q) 阅读(53) 评论(0) 推荐(0)
  2022年10月25日
摘要: <React.StrictMode></React.StrictMode>对组件中使用严格模式 <React.Fragment></React.Fragment> 子组件超过1个且不需要div包裹的时候 语法糖:<></> 阅读全文
posted @ 2022-10-25 22:18 (Q口Q) 阅读(26) 评论(0) 推荐(0)
摘要: import { useState } from "react"; import './App.css'; function App() { const [redBorder,setRedBorder] = useState(false); //useState()中的false是redBorder 阅读全文
posted @ 2022-10-25 21:47 (Q口Q) 阅读(26) 评论(0) 推荐(0)
摘要: CSS模块 使用步骤: 1.新建一个XXX.moudle.css文件 2.在组件中引入css impor classes(变量) from './xxx.moudle.css' 3.通过classes来设置类 className = {classes.p1} CSS模块可以动态自动设置唯一的clas 阅读全文
posted @ 2022-10-25 21:36 (Q口Q) 阅读(35) 评论(0) 推荐(0)