Mettez en surbrillance des mots-clés distincts dans une phrase

J'ai deux états qui stockent une gamme de phrases, supposons dire SentanceShard code> State et un autre stocke une gamme de mots, Mots critiques code> état. J'ai besoin de mettre en évidence ces mots des mots critiques dans les phrases de SentenceShard. En ce moment, il met en évidence la phrase entière si la phrase contient le mot, mais j'ai besoin de mettre en évidence ce mot particulier au lieu de toute la phrase. Par exemple, " configuration code> réacteur-redux est compliqué code>"

en ce moment, mon code ressemble à ceci: p>

states={
     criticalWords:["configuring", "complicated"],
     sentencesHard: ["configuring react-redux is complicated"]
}

{this.state.sentencesHard.map((sentence) => (
                <span style={{ backgroundColor: this.state.criticalWords.some(word => sentence.includes(word)) ? '#e4b9b9' : 'initial' }}>
                  {sentence}
                </span>
                ))
              }