在React中输入时自动对焦而不使占位符消失，直到关键事件

Question

我正在尝试在页面加载时将光标自动聚焦在输入上，我正在这样做：

<input placeholder="Enter text here" autoFocus={true} />

但是，当我这样做时，占位符会消失。我想要占位符显示，直到用户准备开始输入，并且仅在关键事件上消失。你会如何在React中执行此操作，还是需要额外的js / css来完成工作？

Answer 1

我意识到我的样式表中有以下内容：

::-webkit-input-placeholder {
  color: transparent;
}

删除它可以解决问题。