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不是让它显示在两行上的正确方法。相反，您需要使用 <br/> 的 html 中断标记。 。您可以将其替换为字符串，如下所示:

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

或者为了简单起见，既然您提到要替换的“空格”字符串可以是任何内容，那么您似乎可以完全跳过替换并在后端使用所需的替换。