ReactTypewriter

〰 〰〰️ ⌨ React Typewriter 〰 ⌨️ 〰

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 >
    )
} 

소품

소품 이름	유형	설명	필수의	기본
텍스트	문자열 | 끈[]	문자열 또는 문자열 배열로 표시 할 텍스트	진실
속도	숫자	타자기가 한 문자를 입력 한 후 대기하는 시간 (MS)	거짓	30ms
고리	부울	문자열을 입력 한 후 타자기가 루프 해야하는 경우 true로 설정하십시오.	거짓	거짓
무작위의	숫자	각 키 스트로크 후 추가 해야하는 무작위성 MS. 0으로 설정되면 각 스트로크는 엄격하게 speed 가 걸리면 완료됩니다.	거짓	30ms
지연	숫자	MS는 단어를 컴파일 한 후 기다려야합니다. 루프가 false로 설정되거나 텍스트가 배열이 아닌 경우 쓸모가 없습니다.	거짓	30ms
커서	부울	타자기가 문자열 끝에서 깜박 거리는 커서 문자를 렌더링하지 않으면 False로 설정	거짓	진실
onfinished	기능	타자기 애니메이션이 완료된 후 콜백 함수, loop 참이면 트리거하지 마십시오.	거짓	() => void
onstart	기능	각 문자열에서 타자기 애니메이션이 시작되기 전에 콜백 함수	거짓	() => void