React ES6 const - löschen Eingang defaultValue auf Fokus

Question

Ich versuche, den DefaultValue einer Eingabe im Fokus zu löschen und Probleme haben, es inline oder in einer externen Funktion zu tun. Gedanken über den besten Weg, dies zu tun? Wenn ich value anstelle von defaultValue verwende, ist es das gleiche Problem.

const SomeComponent = (inputValue) => { 

<input type="text" 
    defaultValue={inputValue} 
    onFocus = // clear input defaultValue 
    onBlur={() => dosomething()}/> 
} 

export default SomeComponent 

Answer 1

Wenn Sie verwenden Ref Reagieren möchten, können Sie etwas tun:

const SomeComponent = (inputValue) => (

    <input type="text" 
    defaultValue={inputValue} 
    ref={input => this.inputField = input} 
    onFocus = {() => this.inputField.value = ""} 
    onBlur={() => dosomething()}/> 
) 

export default SomeComponent 

Answer 2

Würde das funktionieren? onFocus={e => e.target.value == inputValue ? e.target.value = '' : return null}