特定の単語を改行で置き換えるJavaScriptの正規表現

Question

データベースから戻ってくる文字列が数多くあり、バックエンドの人がその文字列に挿入できる特定の単語に基づいて2行に分ける必要があります。 （単語やシンボルは何もすることができます。）

は、私が試してみました次：

var str = "some string some string space some string"; 
    str = str.replace(/space/g, "\n") 
    console.log(str); 

はなく、文字列はまだ一つだけのライン上に表示されます。

... 

     var str = "some string some stringspacesome string"; 
     str = str.replace(/(?:\r\n|\r|\n)/g, '<br />'); 
     console.log(str); 
     var screenHeight = (this.state.windowHeight -90) + 'px'; 
     return (
      <div> 
       <Header /> 
       <section className={"main " + this.state.color_name} style={{minHeight: screenHeight}}> 
        <div className="content-wrapper"> 
         <div className="content" > 
         <h1>{str}</h1> 

... 

置換後、str変数がh1要素の内容として使用されます。

Answer 1

文字列をHTMLタグのコンテンツとして使用する場合は、\nは2行に表示する適切な方法ではありません。むしろ、htmlの改行タグ<br/>を使用する必要があります。次のいずれかのように、あなたの文字列にそれを置き換えることができます：あなたが交換する「スペース」文字列は何もすることができることを述べたので、

str = str.replace(/space/g, "<br/>") 

または簡略化のため

、あなただけの完全な交換をスキップすることができように思えるし、バックエンドで必要なリプレースメントを使用してください。