摘要：
react 常用的hooks 有哪些？ useState：用于在函数组件中添加和管理状态。 import React, { useState } from 'react'; const Counter = () => { const [count, setCount] = useState(0) 阅读全文
摘要：
walletConnet1.0 已经被遗弃，2.0不向前兼容，所以在项目中使用1.0的必须更新2.0 以前的初始化写法 import WalletConnectProvider from "@walletconnect/web3-provider"; import {ethers } from "e 阅读全文
摘要：
useEffect useEffect可以帮助我们在DOM更新完成后执行某些副作用操作，如数据获取，设置订阅以及手动更改 React 组件中的 DOM 等 有了useEffect，我们可以在函数组件中实现 像类组件中的生命周期那样某个阶段做某件事情,具有: componentDidMount com 阅读全文
摘要：
何时使用 ref 通常，当你的组件需要“跳出” React 并与外部 API 通信时，你会用到 ref —— 通常是不会影响组件外观的浏览器 API。以下是这些罕见情况中的几个： 存储 timeout ID 存储和操作 DOM 元素 存储不需要被用来计算 JSX 的其他对象。 如果你的组件需要存储一 阅读全文
摘要：
结构化状态的原则 当您编写一个保存某些状态的组件时，您必须选择使用多少个状态变量以及它们的数据应该是什么形状。虽然即使使用次优状态结构也可以编写正确的程序，但有一些原则可以指导您做出更好的选择： 1.组相关状态。如果您总是同时更新两个或多个状态变量，请考虑将它们合并为一个状态变量。 2.避免状态上的 阅读全文
摘要：
State 可以保存任何类型的 JavaScript 值，包括对象。但是你不应该直接改变你在 React 状态下持有的对象。相反，当你想更新一个对象时，你需要创建一个新对象（或复制一个现有对象），然后设置状态以使用该副本。 const [position, setPosition] = useSta 阅读全文
摘要：
组件显示到屏幕之前，其必须被 React 渲染。 在您触发渲染后，React 会调用您的组件来确定要在屏幕上显示的内容。“渲染中” 即 React 在调用您的组件。 在进行初次渲染时, React 会调用根组件。 对于后续的渲染, React 会调用内部状态更新触发了渲染的函数组件。 这个过程是递归 阅读全文
摘要：
由于一开始钱包的连接使用的是ethers库，它兼容一般的钱包连接MetaMask bitkeep 等。后来没有单独使用其他的连接方式，使用了metaMask原有的方式连接trustWallet钱包。惊奇的发现能连接上，以为能使用原有的方法，但是在手机端的Dapp上连接签名是正常的，签名的时候也能吊起 阅读全文
摘要：
要展平嵌套数组的数组，可以使用flat（）方法。此方法创建一个新数组，其中所有子数组元素递归连接到指定深度。 下面是一个例子： const nestedArr = [1, 2, [3, 4, [5, 6]]]; const flattenedArr = nestedArr.flat(2); cons 阅读全文
摘要：
首先我们来了解什么是utc时间，协调世界时，又称世界统一时间、世界标准时间、国际协调时间。由于英文（CUT）和法文（TUC）的缩写不同，作为妥协，简称UTC。协调世界时是以原子时秒长为基础，在时刻上尽量接近于世界时的一种时间计量系统。 中国的时区是utc+8,意思就是比标准的utc时间早8个小时，称 阅读全文