React
_付宏
on the read
展开
-
React笔记(七) - 手写redux
来吧, 手写redux, 本篇博客针对于对redux有使用经验想交流原理的同学和朋友, 如果你对redux尚未了结, 笔者建议你先去看看redux的基本使用目录:createStore的实现bindActionCreator的实现combineReducers的实现applyMiddleWare的实现createStore的实现初始化数据仓库要实现createStore, 我们先要知道createStore的工作流程和实现效果createStore接收三个参数reduc.原创 2020-07-18 09:45:27 · 517 阅读 · 0 评论 -
React笔记(六) - 用小白能看懂的方式手写React-Router
Hi, Everyone, 好久不见, 其实想了很久, 到底要不要出一篇react-router的源码级博客, 怕自己的理解不够深, 误导了大家, 但是本着书写学习笔记的习惯, 笔者还是写下来了自己对react路由的理解, 如果有问题之处还请大牛指教, 也希望这篇博客可以帮助到正在学习router原理的你本博客不会过度的去分析react自身的源码, 因为这些我相信大家从git上可以很轻易的拿到, 笔者是通过从0书写一个自己的react-router来实现跟react同样功能的方式来分享整个路由的思想,.原创 2020-07-12 15:56:59 · 769 阅读 · 0 评论 -
# React专栏 - lesson2 / 浅谈react内置事件原理
啥是react的内置事件?onClick, onMouseEnter这类事件就是react给开发者提供的内置事件, 我们来看看一些比较常见的应用// Test组件import React from 'react';export default class Test extends React.PureComponent { divClick = e => { console.log('react事件: div被点击了') } buttonClick.原创 2020-06-19 18:33:25 · 403 阅读 · 0 评论 -
React(2-1)- JSX
目录:什么是JSXJSX表达式的特点JSX元素的不可变性什么是JSX// 这就是jsx表达式const h1 = (<h1>hello user, i am jsx expresion</h1>); // 这是复杂一点的jsx表达式const complexExpresion = ( <div> <header...原创 2020-04-27 16:08:32 · 1116 阅读 · 0 评论 -
React函数组件最重要的Hook之一useState操作与原理分析
State HookState Hook是一个在函数组件中使用的函数, 该函数名字是useState, 用于在函数组件中提供状态让React的函数组件能够像类组件一样拥有stateuseState函数有一个参数, 这个参数的值表示状态的默认值在我们引入react的时候顺带先引入一下stateHookimport React, { useState } from 'react';us...原创 2020-04-17 16:34:59 · 8219 阅读 · 6 评论