M_allstar的博客

// 组件外部点击事件 function useOnClickOutside(ref, handler) { useEffect(() => { const listener = (event) => { if (!ref.current || ref.current.contains(event.target)) { return } handler(event) } document.addEventLis.

export const GradientColorField = observer(({label, value, defaultValue, gradientColor, gradientColorType = 'linear', onChange = () => {}, className, readOnly}) => { const [rect, setRect] = useState({}) const [circle, setCircle] = useState({}) con

/* eslint-disable react-hooks/exhaustive-deps */ import React, {useState, useEffect} from 'react' // 可见状态下的延迟 const visibleDelay = 3000 // 不可见状态下的延迟 const invisibleDelay = 1000 // 触发刷新定时器执行次数 const timerTimes = 2 const App = () => { // 是否触发事件 cons

const [isLoadSuccess, setIsLoadSuccess] = useState(true) // 图片预加载, 传入地址参数 const loadImage = imageSrc => { // resolve 标志成功时执行的语句 // reject 标志失败时执行的语句 return new Promise((resolve, reject) => { const image = new Image() image.src = imageSrc // 如

JSX规范 遍历数组成员，使用Children.toArray()方法，不使用key="id" 正确 {options.map(option => Children.toArray(<div ... </div>))} 错误 {stories.map((story, index) => (<div key={story.id}> ... </div>))} ...

import React, {useEffect, useState} from 'react' import {observer} from 'mobx-react-lite' const WaterMark = ({text = '', option}) => { const { top = '0px', left = '0px', width, height, } = option const [background, setBackground...