Javascript 如何在react中的字符串前面添加空格？

我有下面的字符串，这是渲染，但我希望顶部字符串移动一点向左，即在它下面的线的顶部居中。如何在邮件前面添加空间来执行此操作

我尝试添加一个空格数组，但不起作用：

     const {totalMinutes} = this.state
     this.setState({
      message: new Array(6).join('  ') + "Your order is in line\n\n" + " Please wait " + totalMinutes + " minutes for more info"
     });

它的呈现方式如下：

                <div style={{ display: "flex", justifyContent: "center" }}>
                  
                    <p
                      style={{ alignContent: "center", marginTop: "10px", color:"blue", whiteSpace: "pre-line" }}
                    >
                      {message}
                    </p>
                </div>

{message}

尝试为

标记添加样式属性

对齐文本：居中

在div中渲染，然后使用flexbox或

文本对齐：居中

到ITI如果始终需要空间，请尝试使用是否希望所有文本居中？或者只指定“您的订单在行中”字符串/行？你自己已经试过什么了？

this.state.message

是如何呈现的？我已经将代码添加到当前呈现的方式中@DrewReese我只希望“您的订单在一行中”集中在当前一行的顶部，因为我必须在一个状态消息中完成，然后您需要拆分该文本的呈现，以便您可以将第一行居中对齐，将第二行左对齐。文本似乎也不需要存储在状态中，只需渲染它并将

totalMinutes

状态值渲染到其中即可。