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