Как передать ref через props?

Question

[Hlib]

Встала проблема передачи через props
У нас есть некий компонент Input
Он нужен для упрощенной верстки страницы
В него передаются props в том числе нужно каким-то образом передать ref
Как это сделать?
Уже пробовал через стейт и через присваивание переменной значения из props
Выдает ошибку:
index.js:1375 Warning: Input: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop.

Answer 1

[LEXA_JA]

Нужно использовать forwardRef или передать ref под другим именем.
Ссылка на документацию

const Input = forwardRef((props, ref) => <input ref={ref} {...props}  />)

const Input = ({  inputRef, ...props }) => <input ref={inputRef} {...props} />