Реагировать - встроенный заполнитель onfocus = ''

Question

Обычно я использую встроенную фокусировку / размытие для переключения текста-заполнителя во входных данных. Как это:

<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"} />