Не в состоянии заявить с помощью обратных вызовов typed.js - PullRequest
Новая
       8

Не в состоянии заявить с помощью обратных вызовов typed.js

0 голосов
/ 05 ноября 2019

Я пытаюсь обновлять счетчик, находящийся в состоянии, каждый раз, когда строка типа изменяется с этим модулем узла. Когда я присоединяю функцию preStringTyped к компоненту, функция (alert, расположенная в preStringTyped) срабатывает только один раз.

Вот модуль: https://github.com/ssbeefeater/react-typed

Вот мой код - вы можете игнорировать функции randomlySelectElements и displayTweets, здесь важны preStringTyped и то, что находится внутриreturn(). 

  preStringTyped = () => {
    alert("typed")
  }


  randomlySelectElements = (number, array) => {
    let shuffedArray = _.shuffle(array);
    let selectedEle = shuffedArray.slice(0, number);
    return selectedEle;
  }


  displayTweets = () => {
    if(!this.state.rawData){
      return null
    }else{
      let getRandomTweetsStrings = () => {
          return this.randomlySelectElements(10, this.state.rawData)
          .map((ele, index) => {
            return ele.masterData.randomString
          })
      }

      return (
        <ReactTyped
          loop
          typeSpeed={50}
          backSpeed={20}
          strings={
              getRandomTweetsStrings()
          }
          smartBackspace
          backDelay={1}
          fadeOutDelay={100}
          loopCount={0}
          showCursor
          cursorChar="|"
          onBegin={this.preStringTyped()}
        />
      )
    }
  }
...