React - inline onfocus占位符=''

Question

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

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

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

Answer 1

您仍然可以使用React内联:

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