Как лучше получать текст из input html элемента?

Question

[Андрей]

я знаю два варианта, через state и через ref, но что будет быстрее работать, и что будет проще для дебага, понимания
1:

state = { text: '' }
<input onChange={text => this.setState({text})}/>
<span>{this.state.text}</span>

2:

<input ref={ref => this.textInput = ref}/>
<span>{this.textInput.value}</span>

что лучше? и как делаете вы?

Answer 1

[Роман Александрович]

Считается что использование ref это плохой тон в реакте и лучше его использовать только в крайнем случае когда он действительно необходим.