- 博客(7)
- 收藏
- 关注
RSS订阅
1原创 react hook+动画+组件库ant
1- hook1- 什么是hooks？Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他 的 React 特性。2- 主要解决的问题1.用于在函数组件中引入状态管理和生命周期方法;2.取代高阶组件和render props来实现抽象和可重用性;3.完全脱离"类",便可写出一个全功能的组件。3- 常用的钩子:3-1 useState作用： 使函数组件也可以拥有状态，后期状态更新时可以引起视图更新impor
2021-10-13 23:07:30
341
原创 react redux基础+react-redux+redux高阶
1- redux基础1-1 action creators统一管理所有的action对象// 创建数据仓库import {createStore} from 'redux'let initState = { name:'小白', age:99 }// 第一个形参： 上一次的状态// 第二个形参： 定义的规则 {type:'changeName',name:'小黑'},{type:'changeAge',age:100}function reducer(sta...
2021-10-13 23:05:19
124
原创 react 路由守卫+数据请求（跨域，axios，fetch）+redux
路由守卫1- 全局守卫--- MyRouter.jsximport React, { Component } from 'react'import {Route,Redirect} from 'react-router-dom'export default class myRouter extends Component { render() { // 获取用户登录信息 let userInfo = JSON.parse(localStorage...
2021-10-13 23:00:36
334
原创 react 组件优化+路由
1- 组件优化1-1 Fragment场景: 如果父组件ul中需要嵌套li组成的子组件. ul-->div-->liimport React, { Component,Fragment } from 'react'export default class Son extends Component { render() { return ( // <Fragment> <> ...
2021-10-13 22:59:13
65
原创 react props属性+组件通信+生命周期+ref+表单+组件优化
1- props属性1-1 可以传递数据父组件通过自定义属性可以传递数据,子组件通过this.props接收---父组件 render() { return ( <div className='box'> <h1>father组件</h1> <h2>自己的数据</h2> {/* 自定属性传递数据 ...
2021-10-13 22:58:16
185
原创 react介绍+脚手架+语法+组件+事件+state
react1- react的介绍 react是facebook团队开发和维护的一个前端框架 React 可用于创建 Web 用户交互界面。 React 不是一个完整的 MVC 框架,最多可以认为是 MVC 中的 V（View） React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。 React 引入了虚拟 DOM（Virtual DOM）的机制。 React 引入了组件化的思想。 React 使用 Facebook
2021-10-13 22:56:01
146
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人