liuj4 | 自娱自乐

壹 import React from "react"; import useRandomColor from "./useRandomColor"; const Hook = () => { const [color, changeColor] = useRandomColor(["red", "blue", "green"], "red"); return ( <> <h1 style={{ color: color }}>try to cha

单纯子组件渲染不会引起父组件渲染！ 当父组件重渲染的时候，会默认递归的重渲染所有子组件

【背景】 在react组件中我们常常要写很多请求的模板代码，即使在拿到数据之后不做任何业务逻辑。 import getListData from '...' this.setState({loading:true}) getListData(params).then(res => { if(res && res.retcode == 0){ let data = res.result_rows.list || [] this.setState(...)

从0学习React高阶组件 [定义] 简单的说,高阶组件就是一个函数接受一个组件作为参数, 然后放回一个新的组件。在高阶组件中,我们常常会编写一些可复用的state和function, 将这些可复用的东西赋予传进来的组件。 [需求背景] 现有登录和注册两个页面, 两个页面含有很多相同的成分和逻辑,比如账号密码的输入框、监听输入的逻辑、点击提交的逻辑等等. 按照普通组件的写法, 会有大量重复代码,不利于维护。 [组件设计] 首先看一下高阶组件form.js。可以看到组件内封装了username等state,

React 快速打开方式