javascript - 如何实施“填空”？反应

Question

如何在 reactjs中实现“填空” 。我已经尝试过下面的代码，但我认为这不是一个好主意，因为他们可以检查它的元素。

有更好的实现吗？并且是否可以显示提示（空格中至少有一个字母）？谢谢。

.blank {
  color: transparent;
  border-bottom: 1px solid black;
}

<div>Nunc ac <span class="blank">imperdiet</span> justo</div>

标签： javascriptreactjs