ReactTypewriter

〰 ⌨️ 〰 React Mapivewriter 〰 ⌨️ 〰

React Mapturewriter ist eine einfache Komponente, mit der Sie einen schönen "Schreibmaschinen" -Effekt auf jeden Text erstellen können, indem Sie einfach die Komponente aufrufen. Probieren Sie Codesandbox.io an.

Installation

npm i react-ts-typewriter

Beispiel Verwendung

 import Typewriter from 'react-ts-typewriter' ;

export default function myComponent ( ) {
    return (
        < h1 >
            < Typewriter text = 'Hello' />
        </ h1 >
    )
} 

Requisiten

Prop -Name	Typ	Beschreibung	Erforderlich	Standard
Text	String | String []	Text zum Zeichenfolge oder als Zeichenketten anhand von Saiten angezeigt	WAHR
Geschwindigkeit	Nummer	Wie lange (in MS) wartet der Schreibmaschine nach dem Eingeben eines Charakters	FALSCH	30 ms
Schleife	boolean	Setzen Sie auf true, wenn der Schreibmaschine nach dem Abschluss der Zeichenfolge (en) eine Schleife abschließen sollte.	FALSCH	FALSCH
zufällig	Nummer	MS der Zufälligkeit, die nach jedem Tastenanschlag hinzugefügt werden sollte. Wenn auf Null eingestellt wird, nimmt jeder Strich speed , um MS zu vervollständigen	FALSCH	30 ms
Verzögerung	Nummer	MS, um zu warten, nachdem er das Wort eingeschlossen hat. Nutzlos, wenn die Schleife auf false eingestellt ist oder Text kein Array ist	FALSCH	30 ms
Cursor	boolean	Setzen Sie auf Falsch, wenn der Schreibmaschine am Ende der Zeichenfolge keinen blinkenden Cursorcharakter rendern sollte	FALSCH	WAHR
auffinished	Funktion	Rückruffunktion nach der Typewriter -Animation ist abgeschlossen, löst niemals aus, wenn loop wahr ist	FALSCH	() => void
OnStart	Funktion	Rückruffunktion Bevor die Animation der Schreibmaschinenanimation an jeder Zeichenfolge gestartet wird	FALSCH	() => void