-
React 使用 SVG 作为组件
需求 使用Vite创建的React工程中，使用SVG作为组件直接使用，而不是通过<img>标签的src属性加载。 安装插件 vite-plugin-svgr npm install vite-plu
-
React 使用 useRef 在点击事件中获取最新的变量值
场景 在表单中的input，绑定了useState的hook，但在提交时却获取不到最新的值。 原因 useState是异步更新的，提交事件（函数）在创建时已经渲染完成，所以取到的都是上一次的值。 解
2025-12-12, Views: 29 , Topics: React
-
React Vite React Router 设置 Context Path
vite.config.ts 设置base属性。 export default defineConfig({ plugins: [ react(), ], b
2025-12-11, Views: 35 , Topics: React Vite React Router
-
React CSS 内联样式
代码 export default function GlobalStyle() { return ( <style global jsx>{` ht
-
React 19 中 React.FC children 无法解构问题
原因 React 19中将不会再隐式包含children属性了。 为了能更加清晰的看到组件实际使用的参数，能所见即所得。 常规使用 export default function Component
2025-12-09, Views: 46 , Topics: React
-
React TypeScript 报 TS6133 错误的解决方法
点击事件 <button onClick={(e) => { console.log("111"); }} </button> TS6133 TS6133: e is de
2025-12-08, Views: 57 , Topics: React TypeScript
-
React Each child in a list should have a unique "key" prop
错误信息 Each child in a list should have a unique "key" prop. Check the render method of div. It was
2025-12-07, Views: 57 , Topics: React
-
Nginx 502 错误日志显示 SSL_do_handshake failed
详细日志 SSL_do_handshake() failed (SSL: error:14094410:SSL routines:ssl3_read_bytes:sslv3 alert hands
2025-12-06, Views: 75 , Topics: Nginx
-
JavaScript Array some 方法
引用类型 some判断是否满足条件，返回布尔类型 const arr = [ {amount: 39.9, name: "product c"}, {amount: 19.9, na
2025-12-05, Views: 75 , Topics: JavaScript
-
JavaScript Array sort 方法
正序 前者-后者 const arr = [ {amount: 39.9, name: "product c"}, {amount: 19.9, name: "product a"}
2025-12-02, Views: 88 , Topics: JavaScript
-
JavaScript Array reverse 方法
引用类型 const arr = [ {amount: 39.9, name: "product c"}, {amount: 19.9
2025-12-01, Views: 100 , Topics: JavaScript
-
JavaScript Array reduce 方法
计算总数 初始值为基础类型。 方法一 const arr = [ {amount: 19.9, name: "product a"}, {amount: 29.9, name: "p
2025-11-30, Views: 103 , Topics: JavaScript
-
JavaScript Array map 方法
映射为新字符串 const arr = ["Hello", "Hi", "How are you"]; const map1 = arr.map(item => item.toUpperCase()
2025-11-29, Views: 107 , Topics: JavaScript
-
JavaScript Array includes 方法
基础类型 includes只能用来判断基础类型是否存在，返回布尔类型 const result = [2, 4, 6, 8, 10].includes(8); console.log(result)
2025-11-28, Views: 113 , Topics: JavaScript
-
JavaScript Array findIndex 方法
注意 存在则返回第一个符合条件的元素的索引，索引从0开始计数。 不存在则返回-1。 引用类型 const arr = [ {amount: 39.9, name: "product c"
2025-11-27, Views: 118 , Topics: JavaScript
-
JavaScript Array find 方法
注意 存在则返回第一个符合条件的元素 不存在则返回undefined 引用类型 const arr = [ {amount: 39.9, name: "product c"},
2025-11-26, Views: 109 , Topics: JavaScript
-
JavaScript Object values 方法
定义对象 const obj = { 3: "Hello World", 1: '你好', "bbb": "value of bbb", "aaa": "value
2025-11-25, Views: 122 , Topics: JavaScript
-
JavaScript Object keys 方法
定义对象 const obj = { 3: "Hello World", 1: '你好', "bbb": "value of bbb", "aaa": "value
2025-11-24, Views: 128 , Topics: JavaScript
-
JavaScript Object entries 方法
Object.entries 返回的entries是一个Array数组对象。 const obj = { 3: "Hello World", 1: '你好', "bbb":
2025-11-23, Views: 130 , Topics: JavaScript
-
JavaScript 箭头函数中右侧的圆括号的作用 => ()
代码 const arr = [ {id: "123", name: "zhangsan"}, {id: "456", name: "lisi"}, ]; arr.map(elem
2025-11-22, Views: 129 , Topics: JavaScript