09 2022 档案

react兄弟组件通信之pubsub-js

摘要：- 在未接触redux之前，兄弟组件之间共享状态，需要把状态提升到公共的父组件，然后父组件用props传给子组件，实现兄弟组件状态共享。还有一种方法可实现兄弟组件的通信，pubsub-js npm地址：https://www.npmjs.com/package/pubsub-js pubsub-j 阅读全文

posted @ 2022-09-27 22:21 古墩古墩阅读(664) 评论(0) 推荐(0) 编辑

react脚手架配置代理

摘要：- 如果项目中就请求一个地址可以直接在package.json中配置有点：配置简单，不用加前缀缺点：不能配置多个代理 "proxy": "http://localhost:5000" 如果项目中需要配置多个代理优点：可以配置多个代理 react17版本的代理配置需要在src/setupProx 阅读全文

posted @ 2022-09-24 18:15 古墩古墩阅读(294) 评论(0) 推荐(0) 编辑

react脚手架，样式模块化

摘要：- 假如有一个hello组件 hello组件： import { Component } from 'react' import hello from './index.module.css' // 模块化import './index.css' // 非模块化后引入的组件，假如和前面的的组件内的阅读全文

posted @ 2022-09-13 21:46 古墩古墩阅读(49) 评论(0) 推荐(0) 编辑

react脚手架

摘要：- react脚手架使用webpack搭建的 webpack有各种loader、plugins为我们完成很多功能；比如语法检查、代码压缩、兼容性处理、图片压缩 facebook已经为搭建好了react脚手架： create-react-app 全局安装react脚手架 npm install cre 阅读全文

posted @ 2022-09-06 22:37 古墩古墩阅读(31) 评论(0) 推荐(0) 编辑

reactDOM的diff算法

摘要：- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=" 阅读全文

posted @ 2022-09-05 22:55 古墩古墩阅读(29) 评论(0) 推荐(0) 编辑

react生命周期

摘要：- 生命周期回调函数生命周期钩子函数生命周期函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta 阅读全文

posted @ 2022-09-01 22:47 古墩古墩阅读(26) 评论(0) 推荐(0) 编辑