React — 内联 onfocus 占位符 = ''

Question

我通常使用内嵌 onfocus / blur 来切换输入中的占位符文本。像这样：

<input type="text" placeholder="Name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Name'"/>

这在 React 中似乎不起作用，我想知道 "correct" 在 React 中处理占位符切换的方法是什么。

Answer 1

您仍然可以使用 React 内联：

<input 
  type="text" 
  placeholder="Name" 
  onFocus={(e) => e.target.placeholder = ""} 
  onBlur={(e) => e.target.placeholder = "Name"} />