archive-gh-me/zustand
1
0
Fork 0
mirror of https://github.com/pmndrs/zustand.git synced 2025-12-08 19:45:52 +00:00
Code Issues Projects Releases Wiki Activity

fix(example): clearTimeout and useCallback was added on CopyButton (#1080)

Browse Source 
* fix(copyButton): clearTimeout and useCallback was added on CopyButton

* fix: move clearTimeout to top of function
This commit is contained in:
Timoteo Borgobello 2022-07-13 08:57:17 -03:00 committed by GitHub
parent 85a5959a2d
commit 2f92479fa9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
examples/src/components/CopyButton.js
View File

@ -1,4 +1,4 @@
import { useState } from 'react'
import { useState, useCallback, useRef } from 'react'
import { copyToClipboard } from '../utils/copy-to-clipboard'
/*
@ -7,14 +7,15 @@ of a separate button component and with the added utility
*/
export default function CopyButton({ code, ...props }) {
const [isCopied, setIsCopied] = useState(false)
const timer = useRef()
const handleCopy = () => {
const handleCopy = useCallback(() => {
clearTimeout(timer.current)
copyToClipboard(code).then(() => {
setIsCopied(true)
setTimeout(() => setIsCopied(false), 3000)
timer.current = setTimeout(() => setIsCopied(false), 3000)
})
}
}, [code])
return (
<>