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

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

或者为了简单起见，因为你提到要替换的“空格”字符串可以是任何东西，看起来你可以完全跳过替换并在后端使用所需的替换。

JavaScript正则表达式用换行符替换特定单词

1 个答案: