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