Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

React, I have a button that when clicks it copies. and when it copies a checkmark popups. However, the checkmark stays there. I want the

React,

I have a button that when clicks it copies. and when it copies a checkmark popups. However, the checkmark stays there. I want the checkmark to stay there for just 3 seconds, the. revert back to normal.

My code

import React,{useState} from 'react'

import mobile from 'is-mobile'

import { Button} from 'reactstrap'

import copy from 'copy-to-clipboard'

const [isCopied, setIsCopied] = useState(false);

const handleCopy = (player) =>{

const data= `Player ID: ${player.general.playerId} Event ID: ${player.general.eventId}`;

copy(data)

setIsCopied(true);

}

outline

color="secondary"

className="hover-button"

style={{

outline: 'none'

}}

onClick={ ()=>{ handleCopy(player) }}

>

{isCopied && }

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Concepts of Database Management

Authors: Philip J. Pratt, Joseph J. Adamski

7th edition

978-1111825911, 1111825912, 978-1133684374, 1133684378, 978-111182591

More Books

Students also viewed these Databases questions

Question

=+ a. a family deciding whether to buy a new car

Answered: 1 week ago

Question

=+10. How are inflation and unemployment related in the short run?

Answered: 1 week ago