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。如果设置为零，则每次笔触将严格采用speed MS才能完成	错误的	30ms
延迟	数字	MS等待完整的单词。如果循环设置为false或文本不是数组，则无用	错误的	30ms
光标	布尔	设置为false，如果打字机不应在字符串末端呈现闪烁的光标角色	错误的	真的
上面	功能	打字机动画完成后的回调功能，如果loop为true，则永远不会触发	错误的	（）=> void
onstart	功能	在每个字符串上启动打字机动画之前的回调函数	错误的	（）=> void