随笔分类 - React
React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据改变时 React 能有效地更新并正确地渲染组件。 以声明式编写 UI，可以让你的代码更加可靠，且方便调试。
摘要：1. 首先是user.jsx import React, { createContext, useReducer } from 'react' export const UserContext = createContext() const user = { username: '', email:
阅读全文
摘要：1. 首先新建一个文件夹（叫什么都行，最好是英文名）, mkdir my-okr 2. 进入文件夹，并初始化package.json cd my-okr npm init -y 4. 安装React npm i react react-dom react-router-dom -S 5. 安装typ
阅读全文
摘要：1.查看所有的容器的状态 docker ps -a 2.删除一个容器 docker rm -f <容器id> 3.重启容器 docker restart <容器id> 4.停止一个容器 docker stop <容器id> 5.查看所有镜像 docker images 6.删除一个镜像 docker
阅读全文
摘要：父元素样式(注意宽度必须指定才行): { width: 100vw; display: flex; justify-content: flex-right; } 最后一个子元素样式： { margin-left: auto; margin-right: 1rem;// 合适即可 } 效果：
阅读全文
摘要：react-router-dom v6版本中的withRouter和Switch已过时，可以退回到v5版本继续使用，或者使用useNavigate()替代withRouter，使用Routes替代Switch。 例如： const navigate = useNavigate() navigate(
阅读全文
摘要：1.如果是Promise对象 如图，将promise设为一个全局对象，然后在生命周期内更改它的值，如果在组件要卸载时还时Pending状态，就用Promise.race()方法，直接传入一个Promise.reject()与它竞速，那么它就不会继续被执行。 2.如果是XMLHttpRequest对象
阅读全文
摘要：如果只使用类式组件，满足以下功能很容易： 在组件挂载时，启动定时器，每隔1s加1； 组件将要卸载时，停止定时器 点击按钮卸载组件 具体实现： import React, { Component } from 'react' import ReactDOM from 'react-dom' expor
阅读全文
摘要：安装pubsub-js 使用npm安装：npm install pubsub-js 使用yarn安装：yarn add pubsub-js 引入 import PubSub from 'pubsub-js' // or when using CommonJS const PubSub = requi
阅读全文
摘要：一、在src目录下建立setupProxy.js, 使用CJS（common JS）语法配置代理，适合一个或多个代理 const proxy = require('http-proxy-middleware') module.exports = function(app){ app.use(//传入
阅读全文
摘要：小例子： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="https://cdn.staticfile.org/react/16.4.0/umd/react
阅读全文
摘要：定义虚拟DOM时，不要写引号； 标签中混入JS表达式时要用； 样式的类名指定不要用class，要用className； 内联样式，要用style={{key:value, key:value}}的形式去写； 虚拟DOM只有一个根标签 标签必须闭合 标签首字母： 1）小写开头时，将该标签转为HTML中
阅读全文
摘要：Hello React! 首先引入了三个库： react.development.min.js 、react-dom.development.min.js 和 babel.min.js： react.min.js - React 的核心库 react-dom.min.js - 提供与 DOM 相关的
阅读全文
