React-inline onfocus placeholder = ''

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