如何在Draft.js中使用策略功能Decorator？

Question

我一直在Draft.js中与Decorators一起玩，但是当我无法构建自定义代码时，我会将文本发送到API，该API会收到包含在编辑器中键入的不正确单词的数组的响应，所以我正在尝试建立策略功能，将样式应用于该数组中的所有项目

 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);
    }  
  }

我想念了什么不起作用？

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);
      }
    })
  }

您是否想做这样的事情？