wlt19990910的博客

react项目从创建到打包到服务器部署,希望能给大家一点帮助,如果有问题欢迎各位大佬指出和补充~

1- hook1- 什么是hooks？Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他 的 React 特性。2- 主要解决的问题1.用于在函数组件中引入状态管理和生命周期方法;2.取代高阶组件和render props来实现抽象和可重用性;3.完全脱离"类",便可写出一个全功能的组件。3- 常用的钩子:3-1 useState作用： 使函数组件也可以拥有状态，后期状态更新时可以引起视图更新impor

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...

路由守卫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...

1- 组件优化1-1 Fragment场景: 如果父组件ul中需要嵌套li组成的子组件. ul-->div-->liimport React, { Component,Fragment } from 'react'​export default class Son extends Component { render() { return ( // <Fragment> <> ...

1- props属性1-1 可以传递数据父组件通过自定义属性可以传递数据,子组件通过this.props接收---父组件 render() { return ( <div className='box'> <h1>father组件</h1> <h2>自己的数据</h2> {/* 自定属性传递数据 ...

react1- react的介绍 react是facebook团队开发和维护的一个前端框架 React 可用于创建 Web 用户交互界面。 React 不是一个完整的 MVC 框架,最多可以认为是 MVC 中的 V（View） React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。 React 引入了虚拟 DOM（Virtual DOM）的机制。 React 引入了组件化的思想。 React 使用 Facebook