【分享創(chuàng)造】react-typewriter-hook: 用react hooks來實現(xiàn)打字機的效果

shusen 發(fā)布于2019-08-23 15:08 / 2636人閱讀

react-typewriter-hook

??  使用react hooks來輕松實現(xiàn)打字機的效果

安裝

npm i react-typewriter-hook --save

例子

View example at codesandbox

使用

// useTypewriter will do these things
// Once Word changed, typewritter will automatically erase last word
// Then type down new word
import useTypewriter from "react-typewriter-hook"

function MagicWriter(word) {
  const typing = useTypewriter(word)
  return typing
}

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/101574.html

相關(guān)文章

React Hooks 解析（上）：基礎(chǔ)

摘要：第一次了解這項特性的時候，真的有一種豁然開朗，發(fā)現(xiàn)新大陸的感覺。為了解決這一痛點，才會有剪頭函數(shù)的綁定特性。它同時具備和三個生命周期函數(shù)的執(zhí)行時機。歡迎關(guān)注我的公眾號睿Talk，獲取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、前言 React Hooks 是從 v16.8 引入的又一開創(chuàng)性的新特性。第一次了解這項特性...

yy736044583 2019-08-23 17:01 評論0 收藏0
React Hooks入門

摘要：組件的職責增長并變得不可分割。是架構(gòu)的重要組成部分。有許多好處，但它們?yōu)槌鯇W者創(chuàng)造了入門的障礙。方法使用狀態(tài)鉤子的最好方法是對其進行解構(gòu)并設置原始值。第一個參數(shù)將用于存儲狀態(tài)，第二個參數(shù)用于更新狀態(tài)。學習目標在本文結(jié)束時，您將能夠回答以下問題：什么是 hooks? 如何使用hooks？使用hooks的一些規(guī)則? 什么是custom hook(自定義鉤子)？什么時候應該使用 ...

zhangke3016 2019-08-02 15:17 評論0 收藏0
精讀《Vue3.0 Function API》

摘要：拿到的都是而不是原始值，且這個值會動態(tài)變化。精讀對于的與，筆者做一些對比。因此采取了作為優(yōu)化方案只有當?shù)诙€依賴參數(shù)變化時才返回新引用。不需要使用等進行性能優(yōu)化，所有性能優(yōu)化都是自動的。前端精讀幫你篩選靠譜的內(nèi)容。 1. 引言 Vue 3.0 的發(fā)布引起了軒然大波，讓我們解讀下它的 function api RFC 詳細了解一下 Vue 團隊是怎么想的吧！首先官方回答了幾個最受關(guān)注的...

voyagelab 2019-08-23 18:24 評論0 收藏0
React 新特性 Hooks 講解及實例(四)

摘要：粟例說明一下獲取子組件或者節(jié)點的句柄指向已掛載到上的文本輸入元素本質(zhì)上，就像是可以在其屬性中保存一個可變值的盒子。粟例說明一下渲染周期之間的共享數(shù)據(jù)的存儲上述使用聲明兩個副作用，第一個每隔一秒對加，因為只需執(zhí)行一次，所以每二個參為空數(shù)組。想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等著你！ React 新特性講解及實例(一) React 新特性 Hooks 講解及實...

aboutU 2019-08-23 18:38 評論0 收藏0
全面了解 React 新功能: Suspense 和 Hooks

摘要：他們的應用是比較復雜的，組件樹也是非常龐大，假設有一千個組件要渲染，每個耗費一千個就是由于是單線程的，這里都在努力的干活，一旦開始，中間就不會停。悄悄的, React v16.7 發(fā)布了。 React v16.7: No, This Is Not The One With Hooks. showImg(https://segmentfault.com/img/bVblq9L?w=97...

Baaaan 2019-08-23 14:14 評論0 收藏0