- 博客(5)
- 收藏
- 关注
RSS订阅转载 react避免在父组件中定义子组件
性能问题：在函数组件中生成子组件可能会导致性能问题。这是因为在每次函数组件重新渲染时，都会生成新的子组件实例，如果子组件是有状态的，那么每次都会重新初始化状态，这会增加渲染时间和内存消耗。组件复用问题：将子组件的生成逻辑写在父组件中，可能会导致组件的复用性变差。如果子组件被多个父组件使用，那么就需要在多个父组件中重复写生成逻辑，这样会导致代码冗余。难以维护问题：将子组件的生成逻辑写在父组件中，会导致代码变得复杂难以维护。在一个组件中，如果有太多的逻辑，那么这个组件就很难被理解和修改。
2024-01-05 16:03:02
49
1
原创 百分比滑块（多元素占比）
import React, { useEffect, useState, useRef, FC, useCallback } from 'react'import { Tooltip } from 'antd'import './index.less'const Prefix = 'percent-slider'const colors = { dy: 'rgba(204, 204, 255,1)', xhs: 'rgba(255, 107, 0,1)', ks: 'rgba(19.
2022-03-03 17:05:35
618
原创 POST 下载数据流文件
//下载数据流文件export function exportFilePublic(name = "文件名称", url, data = {}, callback) { const token = localStorage.getItem("token"); let xmlResquest = new XMLHttpRequest(); //proxyData为接口baseUrl xmlResquest.open("POST", proxyData + url, true); x.
2022-02-23 16:19:03
391
原创 emoji表情编码/转码
var Base64 = { // private property _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", // public method for encoding encode: function (input: any) { var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, ...
2022-02-23 15:45:34
2750
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人