![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 94
Beauty_z
这个作者很懒,什么都没留下…
展开
-
7-从零开始学react - 全家桶项目实战
react-cnode实战项目学习了一系列的react基础知识。接下来要实践一个小项目加强巩固下。本项目代码放在github:react_cnode项目代码传送门资源参考https://github.com/motao314/React_cNode技术栈reactreact-router-domreduxreact-reduxredux-thunkaxiosantdcreate-react-app 项目 引入antdantd官网最新提供的:在 create-react-a原创 2020-06-12 16:35:53 · 574 阅读 · 1 评论 -
6-从零开始学react - redux相关
关键词storereducer, dispatch, actionreduxcreateStore, combineReducers, applyMiddlewarereact-reduxProvider, connectuseDipatch, useSelector, useStorestore引入创建仓库方法: import {createStore} from 'redux';仓库需要参数:reducercreateStore(reducer)创建reducer, redu原创 2020-06-04 13:23:18 · 300 阅读 · 0 评论 -
5-从零开始学react - react-router-dom5
react-router-dom安装依赖yarn add react-router-dom几个路由相关组件BrowserRouter最外层router组件,基于h5的historyapiHashRouter最外层router组件,基于url的hashChagneRoute组件属性 path匹配的路径,默认模糊匹配属性 component 组件名属性 render 渲染组件,和componet二者选择一个属性 exact 精确匹配Link组件to 链原创 2020-05-31 17:09:34 · 596 阅读 · 1 评论 -
4-从零开始学react-hooks相关
keyworduseRef自定义hooksuseRef有两个作用,一个是存储dom,一个是存储数据存储dom// 获取domimport React, {useRef,useEffect} from 'react'export default function RefPage() { const ref = useRef() useEffect(() => { console.log('查看挂载dom的ref:', ref) // 查看挂载dom的ref原创 2020-05-30 21:56:19 · 220 阅读 · 0 评论 -
3-从零开始学react-其他api,初识hook
目标react其他api: PureComponent, ref, children, dangerouslySetInnerHTML, key掌握函数式组件,常用hooksPureComponent提供了一个具有浅比较的 shouldComponentUpdate 方法,其他和Component一样import React, { PureComponent, Component } from "react";export default class PureComPage exten原创 2020-05-25 22:30:15 · 242 阅读 · 1 评论 -
2-从零开始学react-深入state,组件通讯,生命周期,受控组件
keywordstate, setState组件通讯生命周期受控组件statestate 与 props 类似,但是 state 是私有的,并且完全受控于当前组件。不要直接修改 State,而是应该使用 setState()setState做的是浅合并 Object.assign,只更新需要更新的值调用setState后会触发生命周期,重新渲染。异步:react会凑齐一批,再一次性更新渲染,保证渲染性能。所以你不要依赖他们的值来更新下一个状态。setState第一个参数可以接受一个函原创 2020-05-25 15:38:49 · 259 阅读 · 1 评论 -
1-从零开始学react-认识react&jsx&props&state
keywordReact, ReactDOM, React.createElement, ReactDOM.render, JSX, props, state初识reactreact是构建用户界面的javascript库react是世界范围内应用最广泛的js库react初用引入cdn (react核心库,react-dom库)react.js:核心库,提供了如组件,虚拟dom。提供了方法,React.createElement(type, props, children)react-d原创 2020-05-24 21:18:54 · 366 阅读 · 1 评论