React - inline onfocus占位符=''

Question

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

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

这似乎并没有工作在反应，我想知道什么是处理占位符“正确”的方式切换的反应。

Answer 1

您仍然可以与之反应内嵌做到这一点：

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