Каким способом лучше всего получить доступ к нативному DOM-элементу из React-компонента?

import { useRef } from 'react';

function MyComponent() {
  	const inputRef = useRef(null);
}

<input ref={inputRef} type="text" />

const focusInput = () => {
  	inputRef.current.focus(); // Установка фокуса на инпут
};

class MyComponent extends React.Component {
  	constructor(props) {
    		super(props);
    		this.inputRef = React.createRef();
 	 }
}

<input ref={this.inputRef} type="text" />

// Где-то в методе:
this.inputRef.current.focus();

<input ref={(el) => { this.inputRef = el; }} />

const Child = React.forwardRef((props, ref) => (
  	<input ref={ref} {...props} />
));

function Parent() {
  	const inputRef = useRef();
  	return <Child ref={inputRef} />;
}