简体   繁体   中英

Prevent new line with TypeWriter effect in React

<h3 >I'm
    <Typewriter className="inline"        
           
           options={{             
            
           strings:["Developer", "Designer", "Content Creater"],
           autoStart:true,
           delay:75,
           loop:true
           }}
           
           />     
           
 </h3>

How to prevent new line with TypeWriter effect in React? The TypeWriter effect seems to insert a new line when I implement it, but I would really prefer it to read out on the same line. Please see I want "I m Developer" in one line but its showing in different line Please help See image I want it in one line no new line

maybe yo cand add the I'm in the typewriter effect:

<Typewriter
  onInit={(typewriter) => {
    const words = ["Developer", "Designer", "Content Creater"];
    typewriter.typeString("I'm ");
    
      for (let index = 0; index < words.length; index++) {
        typewriter.typeString(words[index]).pauseFor(500).deleteChars(words[index].length);
      }
     typewriter.start();
  }}
/>

https://jsfiddle.net/mq4rt7xj/

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM