ReactTypewriter

〰⌨〰️〰反応タイプライター

React Typewriterは、コンポーネントを呼び出すだけで、任意のテキストに素敵な「タイプライター」効果を作成できるシンプルなコンポーネントです。 codesandbox.ioをお試しください。

インストール

npm i react-ts-typewriter

使用の例

 import Typewriter from 'react-ts-typewriter' ;

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

小道具

小道具名	タイプ	説明	必須	デフォルト
文章	文字列|弦[]	文字列または文字列の配列として表示するテキスト	真実
スピード	番号	1つの文字を入力した後、タイプライターはどれくらいの期間（MSで）待っていますか	間違い	30ms
ループ	ブール	文字列の入力が終了した後にタイプライターがループする必要がある場合はtrueに設定します	間違い	間違い
ランダム	番号	各キーストローク後に追加する必要があるランダム性のMS。ゼロに設定すると、各ストロークは厳密にspeed MSを取得して完了します	間違い	30ms
遅れ	番号	MSは、単語を補完した後に待つために。ループがfalseに設定されている場合、またはテキストが配列ではない場合は役に立ちません	間違い	30ms
カーソル	ブール	typewriterが文字列の端に点滅するカーソル文字をレンダリングしてはならない場合にfalseに設定します	間違い	真実
オンフィッシング	関数	TypewRiterアニメーションが完了した後のコールバック関数、 loopが真である場合は決してトリガーしないでください	間違い	（）=> void
スタート	関数	typewRiterアニメーションが各文字列で開始される前のコールバック関数	間違い	（）=> void