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

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

react-typewriter-hook

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

安裝

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
}

GPU云服務(wù)器云服務(wù)器 React hooks react-hooks React Hooks 文檔重大更新！ jQuery打字效果

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/101574.html

相關(guān)文章

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

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

yy736044583 2019-08-23 17:01 評(píng)論0 收藏0
React Hooks入門

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

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

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

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

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

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

摘要：他們的應(yīng)用是比較復(fù)雜的，組件樹也是非常龐大，假設(shè)有一千個(gè)組件要渲染，每個(gè)耗費(fèi)一千個(gè)就是由于是單線程的，這里都在努力的干活，一旦開始，中間就不會(huì)停。悄悄的, 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 評(píng)論0 收藏0