reactjs 软件包打字机效果更改延迟方法不起作用

p4rjhz4m 于 2023-05-28 发布在 React

关注(0)|答案(2)|浏览(151)

在我的React项目中，我使用了Typewriter包。
它有一个方法changeDelay，但实际上并不起作用。
以下是一个示例编号1：

<Typewriter
  onInit={(typewriter) => {
    typewriter.typeString('Some text').changeDelay(1).start();
  }}
/>

在这种情况下，它应该永久打印文本，但它没有。
以下是示例编号2。它工作正常，我可以改变延迟。

<Typewriter
  options={{
    strings: ['Some .'],
    delay: 80,
    autoStart: true,
    loop: true
  }}
/>

我有两个问题。
1.第一个例子，我如何改变延迟速度？

或

1.第二个例子，是我如何才能防止它删除文本？（删除autoStart或/和loop不起作用）

reactjs

来源：https://stackoverflow.com/questions/72502935/package-typewriter-effect-changedelay-method-doesnt-work

2条答案

按热度按时间

htrmnn0y1#

对于第一种情况，您可以使用prop options来更改延迟：

import React from 'react';
import Typewriter from 'typewriter-effect';
import './style.css';

export default function App() {
  return (
    <Typewriter
      onInit={(typewriter) => {
        typewriter.typeString('Some text').changeDelay(1).start();
      }}
      options={{
        delay: 100,
      }}
    />
  );
}

https://stackblitz.com/edit/react?file=src%2FApp.js

赞(0）回复(0）举报 2023-05-28

2izufjch2#

再添加一个参数选项

<Typewriter 
   onInit={(typewriter) => {
   typewriter.typeString('Some text').changeDelay(1).start();
   }}
   options={{
      delay: 1, // set this according to your requirements
   }}
/>

赞(0）回复(0）举报 2023-05-28

我来回答

reactjs 软件包打字机效果更改延迟方法不起作用

2条答案

相关问题

热门标签

最新问答