Kopijuoti el. Pašto adresą iš „Mailto Link“-reaguoti-kopijuoti

Tinklaraštis

Kopijuoti el. Pašto adresą iš „Mailto Link“-reaguoti-kopijuoti

Kopijuoti el. Pašto adresą iš „Mailto Link“-reaguoti-kopijuoti

reaguoti-kopijuoti-mailto

Visiškai pritaikomas „React“ komponentas, skirtas kopijuoti el. Laiškus iš | _+_ | nuorodas.



Motyvacija

Vienintelis dalykas, dėl kurio visi galime sutikti, kad nekenčiame, kai spustelėjus | _+_ | pasirodo numatytoji pašto programa. nuorodas. Daugeliu atvejų mes tiesiog norime nukopijuoti el. Didelis šauksmas Kuldar kurio tviteris siūlai įkvėpė mus tai sukurti.

Demo



Montavimas ir naudojimas

Lengviausias būdas naudoti šią biblioteką yra įdiegti ją naudojant verpalus arba npm

mailto

arba



mailto

Tada tiesiog naudokite jį savo programoje:

yarn add react-copy-mailto

Rekvizitai

Galite pritaikyti beveik visus šio komponento aspektus naudodami žemiau pateiktus rekvizitus, iš kurių paštas yra vienintelis reikalingas rekvizitas .

išmaniojo rakto kriptovaliuta, kur nusipirkti
vardas Tipas Numatytas apibūdinimas
paštą eilutė nė vienas El. Laiškas turi būti nukopijuotas.
vaikai „ReactNode“ nulis Naudokite tai, jei inkaro žymoje norite naudoti tam tikrą pasirinktinį komponentą.
defaultTooltip eilutė Nukopijuokite el. Pašto adresą Patarime rodomas tekstas, kai naudotojas perkelia pelės žymeklį virš nuorodos.
copiedTooltip eilutė Nukopijuota į iškarpinę! Patarime rodomas tekstas, kai naudotojas spustelėja nuorodą ir tekstas nukopijuojamas į iškarpinę.
containerStyles stiliaus objektas nė vienas Konteineriui taikomi stiliai.
patarimasStyles stiliaus objektas nė vienas Patarimui taikomi stiliai.
anchorStyles stiliaus objektas nė vienas Inkarui taikomi stiliai.

Vystymasis

  • Įdiekite priklausomybes
npm install react-copy-mailto
  • Vykdykite pavyzdį kūrimo serveryje
import React from 'react'; import CopyMailTo from 'react-copy-mailto'; const YourComponent = () => ( );

Atsisiųsti išsamią informaciją:

Autorius: devfolioco

Demonstracija: https://devfolioco.github.io/react-copy-mailto/

Pirminis kodas: https://github.com/devfolioco/react-copy-mailto

#react #reactjs #javascript