JavaScript正則表達式用換行符替換特定單詞

Question

我有許多從數據庫返回的字符串，我需要根據后端人員可以在字符串中插入的特定單詞將它們分成兩行。 （單詞或符號可以是任何東西。）

我嘗試了以下方法：

    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並不是將其顯示在兩行上的正確方法。 相反，你需要使用的HTML標簽突破<br/> 。 您可以將其替換為字符串，如下所示：

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

還是為了簡單起見，由於您提到要替換的“空格”字符串可以是任何字符，因此您似乎可以完全跳過替換並在后端使用所需的替換。