React — 内联 onfocus 占位符 = ''

Posted 2023-03-05

【中文标题】React — 内联 onfocus 占位符 = \'\'

【英文标题】：React — inline onfocus placeholder = ''React — 内联 onfocus 占位符 = ''

【发布时间】：2016-10-14 10:29:41

【问题描述】：

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

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

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

【参考方案1】：

你仍然可以使用 React 内联：

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

【讨论】：

它不适合我？这是因为我使用redux-form？也许 redux-form 会覆盖我的处理程序？