Javascript 即使标签为空，如何显示标签

我有一个标签，显示用户填写的文本输入中的字符串。
字符串存储在

question

变量中，显示如下：

<label
  className={css('form-title-label')}>
    {question}
</label>

{问题}

但是，当用户未在文本输入中写入任何内容时，变量为空且标签不显示，这会导致周围组件向上移动并填充空间。

---

如何确保标签即使是空的也存在，以阻止所有东西四处移动？

我只会给变量一个默认值，例如“”，以便始终存在一些东西

---

const question=this.props.question | |”“

您可以有条件地显示间隔元素，例如

const spacer = (<span>&nbsp;</span>);

return (
  <label
    className={css('form-title-label')>
      {question || spacer}
  </label>
);

const间隔=（）；
返回(
{问题| |间隔}
);

是的，这是我的第一个想法，我给了它一个默认值

'

，但由于某种原因，它不起作用，无论如何，谢谢！