![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
react
Feng、锋
CV攻城狮╮(╯▽╰)╭
展开
-
react 使用 styled-components-px2vw
react 使用 styled-components-px2vw。原创 2022-11-18 10:27:33 · 671 阅读 · 1 评论 -
useState useEffect 简单理解
// conut创建的参数 setCount是改变的方法let [conut, setCount] = useState(0);/* 1 useEffect 没有第二个参数 moment:moment生命周期会触发 和 useState创建出来的变量改变也会触发 beforeDestroy:beforeDestroy生命周期会触发 和 useState创建出来的变量改变也会触发*/ useEffect(() => { console.log("moment"); return原创 2022-02-24 16:41:30 · 651 阅读 · 0 评论 -
React onClick点击事件传参三种写法
第一种用bind绑定,调用是作为第二个参数传递,不用显示传递事件对象,定义方法时,事件对象作为最后一个参数传入class Test extends React.Component{ constructor(props){ super(props) } render(){ return( <button onClick={this.getParame...原创 2020-03-09 10:52:35 · 3036 阅读 · 0 评论 -
react useMemo进行性能优化 相当于vue的computed
count 如果不改变就不会再次执行calcNumimport React, { useState, useMemo } from 'react';function calcNum(count) { let total = 0; for (let i = 0; i < count; i++) { total += i; } console.log("计算一遍"); return total}export default function MemoHookDemo原创 2021-10-27 11:55:31 · 903 阅读 · 0 评论 -
react使用useRef保存上一次的某一个值
import React, { useState, useEffect, useRef } from 'react';export default function RefHookDemo() { const [count, setCount] = useState(0); const countRef = useRef(count); useEffect(() => { countRef.current = count; }, [count]); return (原创 2021-10-27 11:52:58 · 2233 阅读 · 0 评论