Refs доступны не всем компонентам автоматически. Обычные функциональные и классовые компоненты не получают ref как стандартный аргумент или внутри props.
Когда ты создаёшь типичный компонент, параметр ref фильтруется и недоступен:
refref в своих propsЧтобы включить передачу ref, нужно явно обернуть свой компонент в React.forwardRef():
const MyComponent = React.forwardRef((props, ref) => {
return <input ref={ref} />;
});
ref становится доступен только как второй аргумент при использовании React.forwardRefforwardRef попытка передать ref будет молча проигнорированаforwardRef компонент может получать refs и передавать их DOM-элементам или дочерним компонентамВ обычном функциональном компоненте параметр ref автоматически доступен как второй аргумент после props, позволяя прямой доступ к переданным refs.
Новый — ещё не проверен сообществом
Вы