Использовать useRef или createRef для отслеживания полей формы?
Есть компонент с формой, которая при сабмите просто отсылает значения всех полей своему родителю. При этом сам компонент никак не изменяется при изменении данных в полях (кроме value внутри этих полей). Хотелось бы знать, как лучше считывать данные полей при сабмите. Так как изменение значений полей не привносит в компонент никаких изменений, я рассматриваю 2 следующих варианта:
1) вешать на каждое поле createRef. При срабатывании сабмита считывать через эти createRef значения соответствующих полей, заносить эти значения в общий объект и отсылать родителю
2) создать один общий useRef-объект, а на каждое поле повесить handler. Через handler-фукнкции будут изменяться соответствующие свойства useRef-объекта. При срабатывании сабмита такой объект отсылается родителю
Хотелось бы узнать, какой из вариантов лучше и почему. Или использовать другой способ?