ReactTypewriter

〰 ⌨ 〰 Реактируйте пишущую машинку 〰 ⌨ 〰 〰 〰 〰 〰 〰 ⌨ ⌨

Precat Pysherter - это простой компонент, который позволяет вам создавать хороший эффект «пишущей машинки» на любой текст, просто вызывая компонент. Попробуйте CodeSandbox.io.

Установка

npm i react-ts-typewriter

Пример использования

 import Typewriter from 'react-ts-typewriter' ;

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

Реквизит

Предложение название	Тип	Описание	Необходимый	По умолчанию
текст	строка | нить[]	Текст для отображения в виде строки или массива струн	истинный
скорость	число	Как долго (в мс) ждет пишущую машинку после ввода одного персонажа	ЛОЖЬ	30 мс
петля	логический	Установите на True, если пишущая машинка должна зацикливаться после завершения печати строки (ы)	ЛОЖЬ	ЛОЖЬ
случайный	число	MS случайности, который следует добавлять после каждого клавиши. Если установить на ноль, то каждый удар будет строго принять speed MS для завершения	ЛОЖЬ	30 мс
задерживать	число	MS, чтобы подождать после пополнения слова. Бесполезно, если цикл установлен на false или текст не является массивом	ЛОЖЬ	30 мс
курсор	логический	Установите FALSE, если на пишущей машинке не следует делать мигающий символ курсора в конце строки	ЛОЖЬ	истинный
по -прежнему	Функция	Функция обратного вызова после завершения анимации пишущей машинки, никогда не запускает, если loop верна	ЛОЖЬ	() => void
Onstart	Функция	Функция обратного вызова перед анимацией пишущей машинки запускается по каждой строке	ЛОЖЬ	() => void