react
文章平均质量分 59
IT-CLASS
这个作者很懒,什么都没留下…
展开
-
Formik 学习笔记
**1. Formik**1.1 Formik 介绍增强表单处理能力,简化表单处理流程官网1.2 Formik 下载npm install formik**2. Formik 增强表单**2.1 Formik 基本使用使用 formik 进行表单数据绑定以及表单提交处理import { useFormik } from 'formik'function App () { const formik = useFormik({initialValues: {username:原创 2021-05-22 15:49:15 · 333 阅读 · 0 评论 -
react-router-dom 简明教程
我们需要创建 react-pro 项目create-react-app react-procd react-proyarn add react-router-dom我们看到的目录如下:在 src 下新建一个 HelloRouter.js,代码如下:import React, { PureComponent } from ‘react’;import {BrowserRouter as Router,Switch,Route,Link} from “react-router-dom”;转载 2021-05-18 22:23:49 · 446 阅读 · 0 评论 -
Memo Hook
一、Memo HookMemo Hook是用来减少没必要的重复渲染,从而提高执行效率二、使用例如:import React, { useState } from “react”;export default function App() {const [len] = useState(10);const [num, setNum] = useState(0);const list = [];for (let i = 0; i < len; i++) {console.log(123转载 2021-05-17 21:47:15 · 162 阅读 · 0 评论 -
Mobx总结以及mobx和redux区别
这一点得益于Mobx的observable;对应的,Redux是用dispath进行广播,通过Provider和connect来比对前后差别控制更新粒度,有时需要自己写SCU;Mobx更加精细一点。Mobx核心概念Mobx的核心原理是通过action触发state的变化,进而触发state的衍生对象(computed value & Reactions)。State在Mobx中,State就对应业务的最原始状态,通过observable方法,可以使这些状态变得可观察。通常支持被observ转载 2021-05-16 17:13:03 · 282 阅读 · 0 评论