TypeWriter 效果沒有與標題內聯

Question

我正在嘗試使用反應建立一個投資組合網站，我想使用打字機效果打印我的一些愛好

目前，我的代碼作為

“我喜歡”
[愛好]

我想把它作為 function

“我喜歡”[愛好]

這是我的反應代碼

<div className="row banner">
    <div className="banner-text">
        <h1 className="responsive-headline">I am {resumeData.name}.</h1>
        <h3>I am a {resumeData.role}.{resumeData.roleDescription}</h3>
        <div className="typewriter-home">
            <h2>I like
                <Typical loop={Infinity}
                  steps={['Coding', 2000,'Soccer', 2000, 
                          'Basketball', 2000, 'Finance', 2000,
                          'Tech', 2000]}/></h2>
         </div>

CSS

.typewriter-home {
   display: inline;
}

Answer 1

從查看https://github.com/catalinmiron/react-typical看起來你可以設置一個包裝器道具。 也許試試

<Typical loop={Infinity} wrapper={'span'}
    steps={['Coding', 2000,'Soccer', 2000, 
        'Basketball', 2000, 'Finance', 2000,
        'Tech', 2000]}/>