- 博客(7)
- 收藏
- 关注
RSS订阅原创 react hook+动画+组件库ant
1- hook 1- 什么是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
446
原创 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
225
原创 react 路由守卫+数据请求（跨域，axios，fetch）+redux
路由守卫 1- 全局守卫 --- MyRouter.jsx import 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
475
原创 react 组件优化+路由
1- 组件优化 1-1 Fragment 场景: 如果父组件ul中需要嵌套li组成的子组件. ul-->div-->li import React, { Component,Fragment } from 'react' export default class Son extends Component { render() { return ( // <Fragment> <> ...
2021-10-13 22:59:13
152
原创 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
329
原创 react介绍+脚手架+语法+组件+事件+state
react 1- react的介绍 react是facebook团队开发和维护的一个前端框架 React 可用于创建 Web 用户交互界面。 React 不是一个完整的 MVC 框架,最多可以认为是 MVC 中的 V（View） React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。 React 引入了虚拟 DOM（Virtual DOM）的机制。 React 引入了组件化的思想。 React 使用 Facebook
2021-10-13 22:56:01
243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人