Реагируйте на ввод, а не на получение значения из формы с именем

#reactjs

Вопрос:

Управляемый вход:

 <form onSubmit={submit}>
    <input value={state} onChange={(e) => setState(e.target.value)}/>
</form>
 

Против простого извлечения значений из формы:

 <form onSubmit={submit}>
    <input name='name'/>
</form>

const submit = (e) => {
    e.preventDefault();
    console.log(e.target.name.value)
}
 

Каковы причины определения состояния при создании входных данных по сравнению с простым получением значения из формы при отправке?