Adjacent active chunks are handled as a single chunk · bvaughn/react-highlight-words

(2 則留言) (0 個反應) (0 位負責人)JavaScript (176 個分叉)github user discovery

bughelp wanted

倉庫指標

星標: (2,303 顆星)
PR 合併指標: (30 天內沒有已合併 PR)

描述

See this example: https://codesandbox.io/s/7j2njo9l2q.

searchWords={["e"]}
textToHighlight="sleep"
activeIndex={0}

highlights both ee instead of just the first e. With activeIndex={1} nothing gets highlighted.

貢獻者指南

研究方向: 檢查元件中的 highlight 方法，特別是如何處理重疊或相鄰的匹配塊。問題是當同一個單詞連續出現時，它們被合併成一個塊而不是分別處理。查看將文字分割成塊的演算法，確保每個匹配都是自己的塊，並尊重 activeIndex 屬性。考慮使用擷取所有匹配且不合并相鄰匹配的正則表達式。
技術棧: javascriptreact
領域: frontend
議題類型: 錯誤
難度: 2
預計時間: 半天
活動狀態: 活躍
清晰度: 清晰
前置要求: ReactGit
新手友善度: 65