要素を配列に配置する

Question

私はインターネットから拾ってきたことから、この関数が機能するはずです。しかし、バベルは、無効なトークンを引用してそれをコンパイルすることはできません。私がプッシュラインをコメントアウトすると、すべてが機能します。

これを行うには正しい構文で私を助けてくれる人がいますか？

renderSuggestionText(highlightText, text) { 
    const fragments = []; 

    let buffer = text; 
    while (buffer.length > 0) { 
    const fragmentStart = text.toUpperCase().indexOf(highlightText.toUpperCase()); 
    if (fragmentStart > 0) { 
     fragments.push(<span>{buffer.substr(0, fragmentStart)}<span>); 
     fragments.push(<span className="bold">{buffer.substr(fragmentStart, highlightText.length)}</span>); 

     buffer = buffer.substr(fragmentStart + highlightText.length); 
    } else { 
     fragments.push(<span>{buffer}<span>); 
     buffer = ''; 
    } 
    } 

    return fragments; 
} 

Answer 1

スパンタグの一部に構文エラーがあります。あなたは、すべてのタグを閉じるために失敗した場合

} else { 
    fragments.push(<span>{buffer}<span>); 
    buffer = ''; 
} 

バベルは常にエラーがスローされます：あなたは、あなたがたとえば、あなたのタグ（<span></span>）のすべてを閉じるようにする必要があります。以下のようなものでなければなりません「終了していませんJSX ..」

お読みください：

fragments.push(<span>{buffer}</span>);