How to use strategy function Decorator in Draft.js?

Question

I've been playing with the Decorators in Draft.js but when I could not build a custom one I am sending the text to an API which I will get a response with an array of incorrect words that typed in the editor So I am trying to build a Strategory function that applies a style to all the items in that array

 function highlightWorngWords(contentBlock, callback) {
    let text = contentBlock.getText();
    let worngWords = ['word', 'word1' , 'word2'];
    while ( worngWords  !== null ) {
      start = worngWords.index;
      callback(start, start + worngWords[0].length);
    }  
  }

What did I miss it won't work?

Answer 1

function highlightWorngWords(contentBlock, callback) {
    let text = contentBlock.getText();
    let worngWords = ['word', 'word1' , 'word2'];
    worngWords.forEach(word => {
      start = text.indexOf(word);
      if (start !== -1) {
         callback(start, start + word.length);
      }
    })
  }

Are you wanting to do something like this?